Babel LoaderとWebpack + React構文エラー

Question

私はReact + WebpackとBabel Loaderをプロジェクトに使用しています。上のアプリをテストするとき、しかし

@ ./src/reducers/index.js 29:21-47 
@ ./src/index.js 

ERROR in ./src/reducers/logged_navbar.js 
Module build failed: SyntaxError: C:/xampp/htdocs/scoala-de-iarna/src/reducers/logged_navbar.js: Unexpected token (8:12) 

    6 |     let data = _.mapKeys(action.payload.data, 'id'); 
    7 |     state.navbarLogged = data; 
> 8 |     return { ...state }; 
    |       ^
    9 |   default: return state; 
    10 | } 
    11 | } 

：私は、バンドルのコードを生成しようとしているときに

、次のエラーが（{...状態}を使用しているとき、私が持っているすべての減速のために）スローされますこのエラーは表示されません。

webpack.config.js：

var webpack = require('webpack'); 
var path = require('path'); 

var BUILD_DIR = path.resolve(__dirname, 'src/bundle'); 
var APP_DIR = path.resolve(__dirname, 'src'); 

var config = { 
    entry: APP_DIR + '/index.js', 
    output: { 
    path: BUILD_DIR, 
    filename: 'bundle.js' 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     include: APP_DIR, 
     exclude: /node_modules/, 
     loader: 'babel-loader', 
     } 
    ] 
    } 
}; 

module.exports = config; 

.babelrc：

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

Answer 1

Solution 1

をインストールし、プリセットに "ステージ2" を追加し

npm install --save-dev babel-preset-stage-2

"presets" : ["es2015", "react", "stage-2"]

Solution 2

プラグイン

npm install --save-dev babel-plugin-transform-object-rest-spread

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

Answer 2

object spread operatorは現在まだステージ3の提案ではなく、確定です。このため、それはバーベルコアには含まれていません。

---

バベルでそれをコンパイルするには、はあなたのバベルの設定にstage 3 presetを含める：

{ 
    "presets" : ["es2015", "stage-3", "react"] 
}