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

4

1 に答える 1