バベルによるのWebPACKの設定ミスに特定ファイルにロードされていない

Question

ERROR in ./reducers/navigator.js 
Module build failed: SyntaxError: C:/Users/Myname/Desktop/Projects/Project2/app/templates/reducers/navigator.js: Unexpected token (11:16) 

    9 |   case SWITCH_PAGE: 
    10 |    return { 
> 11 |     ...state, 
    |    ^
    12 |     id : action.payload 
    13 |    } 
    14 |   default: 

マイWebPACKの構成は、この

const webpack = require('webpack'); 
const config = { 
    entry: __dirname + '/index.jsx', 
    output: { 
     path: 'C:\\Users\\Myname\\Desktop\\Projects\\Project2\\app\\static\\js\\dist', 
     filename: 'bundle.js', 
    }, 
    resolve: { 
     extensions: ['.js', '.jsx', '.css'] 
    }, 
    module: { 
     rules: [ 
      { 
       test: /\.jsx?/, 
       exclude: /node_modules/, 
       use: 'babel-loader', 
      } 
     ] 
    }, 
}; 
module.exports = config; 

私はアプリをコンパイルすると、このファイルはバベルによって処理されていないので、それはこのエラーとのthatsを言うようになります。 。 ES6なしで州を返す方法はありますか？またはそれ以上に、私はES6の機能をサポートできるように、どのようにこれをバベルでコンパイルすることができますか？

注：、提案現在の位置ですindex.jsxは、親のコンポーネントであり、他の人が私のpackage.jsonがこの

"babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    }, 

Answer 1

オブジェクト拡がり性がES6に含まれていない含まれているにも

チャイルズ

ですステージ3： https://tc39.github.io/proposal-object-rest-spread/。それを含めるには、babelステージ3プリセット（ https://babeljs.io/docs/plugins/preset-stage-3/）をインストールし、.babelrcファイルを更新してそれを含むようにします。