Reactjs 网页包，babel错误：模块生成失败：语法错误：意外令牌

使用webpack编译代码时，在=后状态上遇到意外标记错误。我的代码如下：

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

            <
            /div>);
        }
    }

.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;

---

您需要

babel-preset-stage-x

preset这样声明类。 看到这个了吗

---

您需要

babel-preset-stage-x

preset这样声明类。 看到这个了吗

---

这很有魅力。谢谢到natall stage运行

npm安装--保存dev babel-preset-stage-2

是的，很高兴它有帮助。这就像一个魅力。谢谢到natall stage只需运行

npm安装--保存dev babel-preset-stage-2

是的，很高兴它有帮助。

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;

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

}