2

我无法使用 React HMR（和 Babel）设置 Webpack。在我看来，我的设置类似于我在这里和那里找到的许多示例：

我的package.json开发依赖：

{
  // Only posting stuff that I think is relevant to this here
  "babel-plugin-react-transform": "^2.0.2",
  "babel-preset-react-hmre": "^1.1.1",
  "react-transform-catch-errors": "^1.0.2",
  "react-transform-hmr": "^1.0.4",
  "webpack": "^1.12.14",
  "webpack-dev-middleware": "^1.5.1",
  "webpack-dev-server": "^1.14.1",
  "webpack-hot-middleware": "^2.10.0"
}

（package.json 在这里完成）

还有我的babelrc配置

{
  "presets": [
    "es2015",
    "react",
    "stage-0",
    "react-hmre"
  ],
  "env": {
    "development": {
      "presets": ["react-hmre"]
    }
  }
}

我的package.json脚本：

{
  "start": "NODE_ENV=development webpack-dev-server --hot --inline --config webpack.config.dev.js",
}

在我的网站上没有加载任何东西，我只是得到一个错误

未捕获的错误：locals[0] 似乎不是module启用了热模块替换 API 的对象。env您应该使用Babel 配置中的部分来禁用生产中的 react-transform-hmr 。请参阅自述文件中的示例：https ://github.com/gaearon/react-transform-hmr

4

1 回答 1

0

我没有看到 Babel 6 被列为依赖项？你还需要 npm install 你的每一个 Babel 预设。

于 2016-03-15T02:28:03.497 回答