1

HotModuleReplacement を使用するとエラーが発生します。実際には使用できません__webpack_hmr。見つかりませんと表示されます。

私はデフォルトでこの/node_modules/webpack-hot-middleware/client.js構成を持っています:

/*eslint-env browser*/
/*global __resourceQuery __webpack_public_path__*/

var options = {
  path: "/__webpack_hmr",
  timeout: 20 * 1000,
  overlay: true,
  reload: false,
  log: true,
  warn: true
};

しかし、自分の basedir の下に '__webpack_hmr' がありません。どこにあると思いますか、それはファイルですか? Brosersync、webpack、HMRを使用しようとして、かなり混乱しています。React Admin Panel をテストしているところですが、Github で作成者に応答なしで問い合わせました。助けてください。

これは私の webpack 設定の一部です:

entry: [
    './src/webpack-public-path',
    'webpack-hot-middleware/client?reload=true',
    './src/index'
  ],
  target: 'web',
  output: {
    path: `${__dirname}/src`,
    publicPath: '/',
    filename: 'bundle.js'
  },
plugins: [
    new webpack.DefinePlugin({
          'process.env.NODE_ENV': JSON.stringify('development'),
          __DEV__: true
        }),
new webpack.HotModuleReplacementPlugin(), etc...

Webpack hmr: __webpack_hmr 404 not foundのようないくつかのトピックは、意味のないソリューションを提供し、さらに私の場合とは異なります。

私はCluod9 IDEを使用しているため、ローカルホストがありません。どこかで手動でホストを定義する必要があります。

4

1 に答える 1