reactjs - Webpack-Electron-React：ModuleConcatenation 救助错误

Question

我刚刚开始使用 ReactJs 创建电子桌面应用程序。当我启动我的应用程序时，我不断收到这个 webpack 构建警告。

       ModuleConcatenation bailout: Cannot concat with ./node_modules/@ant-design/create-react-context/lib/index.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/ant-design-palettes/lib/index.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/classCallCheck.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/createClass.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/defineProperty.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/extends.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/inherits.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/objectWithoutProperties.js (<- Module is not an ECMAScript module)
       ModuleConcatenation bailout: Cannot concat with ./node_modules/babel-runtime/helpers/possibleConstructorReturn.js (<- Module is not an ECMAScript module)
...

这是我的 webpack 配置

const rpath = require("path")

module.exports = {
    entry: "./src/index.js",
    devtool:"source-map",
    output: {
        path: rpath.join(__dirname, "./dist"),
        filename: "bundle.js"
    },
    module:{
        rules:[
            {
                test: /\.(js|jsx)$/,
                exclude: /node_modules/,
                loaders: ["babel-loader"]
            },
            {
                test: /\.(css|scss)$/,
                exclude:/node_modules/,
                loaders: ["style-loader", "css-loader"]
            }
        ]
    },
    node: {
        __dirname: false,
        __filename: false
    },
    target: 'electron-renderer'
}

还有我的 babel 配置

{
    "presets": [["@babel/preset-env", {"modules":false}], ["@babel/preset-react"]],
    "plugins": ["transform-class-properties"]
}

标签： reactjswebpackelectron