React - ES6 - jeton inattendu

Question

Je reçois cette erreur

ERROR in ./src/components/Header/index.js 
Module build failed: SyntaxError: C:/Users/Gil/Documents/Projects/ecommerce/src/components/Header/index.js: Unexpected token (16:7) 

    14 | } 
    15 | 
> 16 | test =() => { 
    |  ^
    17 |  console.log('pass!'); 
    18 | }; 
    19 | 

Je pense que quelque chose avec ES6, mais je ne sais pas, de toute façon, voici ma config

webpack.config.js

loaders: [ 
     { test: /\.js$/, loader: 'babel-loader', exclude: /node_modules/ }, 
     { test: /\.jsx$/, loader: 'babel-loader', exclude: /node_modules/ }, 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'eslint-loader' 
     },... 

package.json

"devDependencies": { 
    "babel-core": "^6.24.1", 
    "babel-loader": "^7.0.0", 
    "babel-preset-es2015": "^6.24.1", 
    "babel-preset-react": "^6.24.1", 
    "react-scripts": "1.0.7" 

donc mon problème, lorsque je tente d'utiliser arrow function je reçois cette erreur, ai-je besoin d'une configuration supplémentaire ou je fais quelque chose de mal?

Answer 1

Vous devez https://babeljs.io/docs/plugins/transform-class-properties/

npm install --save-dev babel-plugin-transform-class-properties 

et à l'intérieur .babelrc:

"plugins": ["transform-class-properties"]