首页 > 配置webpack+react.js出错

配置webpack+react.js出错

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

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

哪里的原因??


和你看同一个文章,遇到同一个问题。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即可解决


需要使用 babel-preset-react


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


看来文档没有更新的原因

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

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

{
    "presets": ["react"]
}

再次执行 nam run dev 即可。

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

【热门文章】
【热门文章】