javascript - Webpack 热加载器抛出“[HMS] Hot Module Replacement is disabled。”

Question

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

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 issue 的链接。它仍然没有解决我的问题。

此问题的 Github 链接

Answer 1

试试这个作为你的入口配置。其他一切看起来都很好。

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