バベルローダーエラー：私は私のWebPACKのバンドルを実行しようとすると、残り/スプレッドオペレータが

Question

を理解していない、私はこのコンソールのエラーを取得：

BabelLoaderError: SyntaxError: Unexpected token (113:19) 

    111 | 
    112 | const render =() => ReactDOM.render(
> 113 | <TodoApp todos={...store.getState()}/>, 
     |     ^
    114 | document.getElementById("root") 
    115 |) 
    116 | 

だから、スプレッド演算子の構文が理解されていません。しかし、私は次のようにIは、webpack.config.jsで私ローダーに含まれているバベル段-2プリセットがインストールされている：

module: { 
     loaders: [ 
      { 
       test: path.join(__dirname, 'public'), 
       loader: ['babel-loader'], 
       query: { 
       presets: debug ? ['react', 'es2015', 'react-hmre', 'stage-2'] : ['react', 'es2015', 'stage-2'] 
       } 
      } 
     ] 
    } 

Iもbabel-plugin-transform-object-rest-spreadをインストールし、.babelrcに追加しようとした：

{ 
    "plugins": ["transform-object-rest-spread"] 
} 

さらに同じエラーを受け取ります。

Answer 1

コール{...store.getState()}代わりのtodos={...store.getState()}

Answer 2

私はVueのプロジェクトと同様の問題を持っています。

私が追加しました：.babelrcで

{ 
    "presets": [ 
    ["es2015", {"modules": false}], 
    ["stage-2"] 
    ], 
    "plugins": ["transform-object-rest-spread"] 
} 

をし、多くのことを試してみましたが、何も動作していないようにみえます。

警告のセクションのpreset-env pluginに記載されているように、少なくともv6.19.0が必要です。私のバージョンはv6.23.0であり、それでも動作しません。

編集：私はAnswer hereを見つけました。

MY SOLUTION

/* 
* additional javascript loader for es6 code in node_modules that have to be transpiled also 
*/ 
{ 
    test: /\.jsx?$/, 
    include: [ 
     NODE_MODULES + '/vuetify/src' 
    ], 
    use: [ 
     { 
      loader: 'babel-loader', 
      options: Config.babel() 
     } 
    ] 
}