が反応 - ES6を - 予期しないトークン

Question

私は

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 | 

iがES6との何かを考えて、このエラーを取得していますが、私は知らない、とにかくここに私の設定です

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" 

ので、私の問題は、私はarrow functionを使用しようとすると、私はこのエラーを取得するには、ですが、私は余分な設定が必要なのでしょうか、私が何か間違ったことをやっていますか？

Answer 1

あなたが

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

と.babelrc内部https://babeljs.io/docs/plugins/transform-class-properties/が必要になります。

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