Webpack：モジュールビルドに失敗しました：構文エラー：予期しないトークン

Question

固定データテーブルの例を使用して、webpackにバンドルしようとしています。

私はbabel-loaderと私のコードを別の方法でバンドルしていますが、問題はありません。特に

render() { var {sortDir, children, ...props} = this.props;

...props：な、ここのように私の知識には（ないES5）ES6構文の一部であるエラーにwebpackポイント... ...を、実行

。私はes2015を使用し、バベル・ローダーとのプリセットとロードとして反応してい

"use strict"; 

var webpack = require("webpack"); 

module.exports = { 
    entry: { 
     app: './app.js', 
     vendor: ["fixed-data-table","react","react-dom","jquery", "bootstrap", "vis", "chart.js"], 
    }, 
    output: { path: "./", filename: 'bundle.js' }, 

    plugins: [ 
     new webpack.optimize.CommonsChunkPlugin(/* chunkName= */"vendor", /* filename= */"vendor.bundle.js"), 
     new webpack.ProvidePlugin({ 
      $: "jquery", 
      jQuery: "jquery" 
     }) 
    ], 

    module: { 
     loaders: [ 
      { 
       test: /.js?$/, 
       loader: 'babel-loader', 
       exclude: /node_modules/, 
       query: { 
        presets: ['es2015', 'react'] 
       } 
      } 
     ] 
    }, 
}; 

：

は、ここに私のWebPACKの設定です。 ES6の構文を理解して処理するにはどうしたら構文エラーが出るのですか？

ここは私のPackage.jsonです。おそらくいくつかのバージョンをアップグレードする必要がありますか？

{ 
    "name": "test", 
    "version": "1.0.0", 
    "main": "main.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "author": "", 
    "license": "ISC", 
    "devDependencies": { 
    "babel-core": "^6.3.17", 
    "babel-loader": "^6.2.0", 
    "babel-preset-es2015": "^6.3.13", 
    "babel-preset-react": "^6.3.13", 
    "babel-runtime": "^6.3.19", 
    "webpack": "^1.12.9" 
    }, 
    "dependencies": { 
    "bootstrap": "^3.3.7", 
    "chart.js": "^2.4.0", 
    "fixed-data-table": "^0.6.0", 
    "jquery": "^3.1.0", 
    "react": "^0.14.3", 
    "react-dom": "^0.14.3", 
    "vis": "^4.17.0" 
    }, 
    "description": "" 
} 

Answer 1

バベルプリセットがES7と下位互換性が必要でした。そのES7 [レストプロパティ]（https://github.com/

presets: ['es2015', 'react', 'stage-0']