Webpack，babel错误：模块构建失败：SyntaxError：意外的令牌

Question

面对意外的令牌错误=状态后，当编译使用webpack的代码。我的代码如下：

class GroceryItem extends React.Component { 
    state = { 
     labelValue: "Hello Pages" 
    };   
    render() { 
     return (< div onClick = { 
       this.state.labelValue 
      } > ded 

      < 
      /div>); 
     } 
    } 

我尝试了各种方法，我发现StackOverflow，但似乎没有工作。

.bablerc

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

.webpack..config.js

var webpack = require('webpack'); 
var path = require('path'); 
var BUILD_DIR = path.resolve(__dirname, 'public/js/'); 
var APP_DIR = path.resolve(__dirname, 'src/components'); 
var config = { 
    entry: APP_DIR + '/main.jsx', 
    output: { 
    path: BUILD_DIR, 
    filename: 'bundle.js' 
}, 
module : { 
    loaders : [ 
     { 
     test : /\.jsx?$/, 
     include : APP_DIR, 
     loader : 'babel', 
     query:{ 
      presets: ['react'] 
     } 
     } 
    ]} 
}; 

module.exports = config; 

Answer 1

您需要babel-preset-stage-x预设声明类这样的。 看到这repl

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

}