Webpack hot loader throws" [HMS]热模块更换被禁用。"

时间:2015-10-22 04:50:10

标签: javascript reactjs webpack webpack-dev-server

我正在尝试使用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问题的链接。它仍然无法解决我的问题。

Github link to this issue

1 个答案:

答案 0 :(得分:0)

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

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