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 設定の section を使用して、本番環境で react-transform-hmr を無効にする必要があります。README の例を参照してください: https://github.com/gaearon/react-transform-hmr