当我在 NodeJs React 应用程序中使用 webpack 和 babel 时,我收到一个自动生成的错误代码:
Uncaught ReferenceError: Invalid left-hand side in assignment
这是 babel/webpack 自动生成的代码中的违规行:
"development" = 'development'; // bundle.js line 17933
如果我从自动生成的代码中手动删除上述行,那么错误就会消失。但由于显而易见的原因,这不是一个好的解决方案。
我正在使用 webpack 4,如package.json的摘录所示:
"babel-loader": "^7.1.4",
"babel-preset-stage-0": "^6.24.1",
"webpack": "^4.1.1",
"webpack-cli": "^2.0.12"
这是我的webpack.config.js:
module.exports = {
entry: './source/main.js',
output: {
path: __dirname,
filename: 'public/javascripts/bundle.js'
},
devtool: "inline-source-map",
module: {
rules: [
{
test: /.js?$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
options: {
presets: ['react', 'stage-0']
}
}
}
]
}
};
我像这样构建bundle.js:
node_modules/.bin/webpack --mode development
如果我保持一切不变,但使用webpack 3.11.0并卸载webpack-cli并像这样构建bundle.js ,错误就会消失:
node_modules/.bin/webpack
注意:最新的 webpack 3.X 版本支持webpack.config.js中显示的 webpack 4.X 语法。
细节:
$ node --version
v9.8.0
$ npm --version
5.7.1