Webpack、babel和react can'；不编译基本设置

我做了很多次，但现在我觉得自己像个傻瓜

它就是不起作用

我不知道我做错了什么。我希望这是非常愚蠢的事情

webpack.config.js：

src/index.jsx：

从“React”导入React
从'react dom'导入{render}
从“组件/ColorObject”导入ColorObj
让rootElement=document.getElementById（'color-game'）；
渲染(
,
根元素
);

运行Web包时出错：

Hash: d9f2eead3307d16f76f3
Version: webpack 1.12.8
Time: 350ms
    + 1 hidden modules

ERROR in ./src/index.jsx
Module build failed: SyntaxError:     /Users/matiit/Documents/Private/Projects/color-game/src/index.jsx:         Unexpected token (8:2)
   6 | 
   7 | render(
>  8 |   <ColorObj backgroundColor="green" textColor="black" />,  
     |   ^
   9 |   rootElement
  10 | );
  11 | 

Hash:d9f2eead3307d16f76f3
版本：网页1.12.8
时间：350毫秒
+1隐藏模块
./src/index.jsx中出现错误
模块构建失败：SyntaxError:/Users/matit/Documents/Private/Projects/color game/src/index.jsx:意外令牌（8:2）
6 | 
7 |渲染(
>  8 |   ,  
|   ^
9 |根元素
10 | );
11 | 

---

我不知道怎么了。我知道这是一个非常基本的错误，但我非常感谢您的帮助。

我不知道您的Babel设置目前看起来如何，但您需要这些预设来正确解析React/ES2015语法。对于巴别塔>=

6.0.0

：

npm install --save-dev babel-preset-es2015 babel-preset-react

在您的

.babelrc

中：

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

---

您使用的是哪一版本的巴别塔？“巴别塔核心”：“^6.2.1”非常有魅力。非常感谢你。

npm install --save-dev babel-preset-es2015 babel-preset-react

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