ReactJS: webpack: no se pudo compilar con sintaxis extendida
Quiero mostrarte mi problema.
Mi env:
Node: 8.9.1
npm: 5.6.0
yarn: 1.3.2
package.json
"devDependencies": {
"babel-core": "^6.26.0",
"babel-loader": "^7.1.2",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-react": "^6.24.1",
"copy-webpack-plugin": "^4.1.1",
...
"webpack": "^3.7.1",
"webpack-dev-server": "^2.9.2"
},
webpack.config.js
...
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
cacheDirectory: true,
presets: ['react', 'env']
}
}
},
...
Siempre compila falló así forcus en {...}
ERROR en ./src/flux/components/BaseComponent.js La compilación del módulo falló: SyntaxError: D: /APPs/src/flux/components/BaseComponent.js: token inesperado (36:29)
34 | let {search} = this.state;
35 | search.includeActive = !search.includeActive;
> 36 | this.setState({category : {...this.state.category, name : name}});
|
Sin embargo, funciona bien sin webpack. ¡Por favor ayúdame a resolver este problema! ¡Muchas gracias a todos! :)