javascript - Webpack 热加载器抛出 "[HMS] Hot Module Replacement is disabled."

Question

我正在尝试使用 webpack 构建一个小型 react 工具。以下是我的配置。

var path = require('path'),
    node_modules_dir = path.join(__dirname, 'node_modules');

var deps = [
  'react/dist/react.min.js',
  'react/dist/react.js'
];

var config = {
  entry: [
    path.resolve(__dirname, "app/v3.jsx"),
    './node_modules/webpack/hot/dev-server'
  ],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: "transpiled.js"
  },
  module: {
    loaders: [
      { test: /\.jsx?$/, loader: 'babel-loader', exclude: /node_modules/ }
    ]
  }
};

module.exports = config;

这是我的命令行参数:

$ webpack-dev-server --hot --inline --progress --colors

我仍然在浏览器控制台中看到一条消息，显示“[HMR] 热模块替换已禁用。”

需要帮助。

以下是与此相关的 github 问题的链接。还是没有解决我的问题。

Github link to this issue

Answer 1

尝试将此作为您的入门配置。其他一切看起来都不错。

entry: [
'webpack-dev-server/client?http://0.0.0.0:8080',
'webpack/hot/only-dev-server',
 path.resolve(__dirname, "app/v3.jsx")
]