Webpack : ES6 구문 모듈 작성 실패합니다 : SyntaxError : 예기치 않은 토큰

고정 데이터 테이블의 예제를 사용하여 webpack 함께 번들을 사용하려고합니다.Webpack : ES6 구문 모듈 작성 실패합니다 : SyntaxError : 예기치 않은 토큰

저는 바벨 로더와 내 코드를 번들로 사용하고 있습니다. 특히

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'] 
       } 
      } 
     ] 
    }, 
};

여기 내 웹팩 설정입니다. 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": "" 
}

출처

2016-12-30 cbll

안된다 웹팩 상기의 구성에 설정된 추가 얹는

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

의해 해결 sebmarkbage/ecmascript-rest-spread/blob/master/Rest.md) 기능을 사용합니까? – UnholySheep

정말요? 페이스 북은 여기에 그들의 본보기가있다; ES7을 기반으로 한 것입니까? https://github.com/facebook/fixed-data-table/blob/master/examples/SortExample.js – cbll

ES7 또는 ES8조차도 아니며 아직 실험적인 제안입니다. – Bergi

바벨 사전 설정이 ES7과 호환되도록해야했습니다. 그 ES7 [나머지 속성 (https://github.com/

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

출처

2016-12-30 13:06:15 cbll

Webpack : ES6 구문 모듈 작성 실패합니다 : SyntaxError : 예기치 않은 토큰

답변

관련 문제