我在我的项目中使用 React + Webpack 和 Babel Loader。
当我尝试生成捆绑代码时,会引发以下错误(对于使用 {... state} 时我拥有的每个减速器):
@ ./src/reducers/index.js 29:21-47
@ ./src/index.js
ERROR in ./src/reducers/logged_navbar.js
Module build failed: SyntaxError: C:/xampp/htdocs/scoala-de-iarna/src/reducers/logged_navbar.js: Unexpected token (8:12)
6 | let data = _.mapKeys(action.payload.data, 'id');
7 | state.navbarLogged = data;
> 8 | return { ...state };
| ^
9 | default: return state;
10 | }
11 | }
但是,在开发人员版本上测试应用程序时,不会显示此错误。
webpack.config.js:
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, 'src/bundle');
var APP_DIR = path.resolve(__dirname, 'src');
var config = {
entry: APP_DIR + '/index.js',
output: {
path: BUILD_DIR,
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.jsx?$/,
include: APP_DIR,
exclude: /node_modules/,
loader: 'babel-loader',
}
]
}
};
module.exports = config;
.babelrc:
{
"presets" : ["es2015", "react"]
}