配置webpack+react.js出错

Question

参考:https://fakefish.github.io/react-webpack-cookbook/Configuring-react-js.html

但执行 nam run dev的时候，提示错误

哪里的原因？？

Answer 1

需要使用 babel-preset-react

Answer 2

应该要babel-preset-react
babel6变化挺大，不知道你看的教程是否up-to-date

Answer 3

看来文档没有更新的原因

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

创建预设配置文件 .babelrc,内容如下：

{
    "presets": ["react"]
}

再次执行 nam run dev 即可。

只是执行成功后，http://localhost:8080/webpack-dev-server/ 不显示任何内容，真是奇怪了。。。

Answer 4

和你看同一个文章，遇到同一个问题。babel-loader转换的时候需要对es6的及react进行转化，需要在安装一些其他的依赖。
在package.json中引入如下配置：

"babel-preset-es2015": "^6.0.15",
 "babel-preset-react": "^6.0.15"

然后新建.babelrc文件：

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

再次npm run dev即可解决