Webpack - [HMR]熱模塊更換已禁用

我環顧四周，但無法獲得我在工作中看到的任何答案。Webpack - [HMR]熱模塊更換已禁用

我無法使用webpack或webpack開發服務器的命令行;我僅限於使用Node API。

以下是我如何使用webpack。包含在一飲而盡任務

webpack.config.js

module.exports = { 
    entry: [ 
    'webpack-dev-server/client?http://localhost:3000', 
    // i've also tried webpack/hot/dev-server here 
    'webpack/hot/only-dev-server', 
    path.join(__dirname, 'src', 'js', 'app.jsx') 
    ], 
    output: { 
    path: path.join(__dirname, 'dist', 'js'), 
    filename: 'script.js', 
    publicPath: '/dist/' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.(js|jsx)$/, 
     loaders: ['react-hot', 'babel'] 
    }] 
    }, 
    plugins: [] 
};

「開始」

gulp.task('start', function (callback) { 
    var config = Object.create(require('webpack.config.js')); 
    config.plugins.push(new webpack.HotModuleReplacementPlugin()); 

    var devServer = new webpackDevServer(webpack(config), { 
    stats: { colors: true }, 
    contentBase: path.resolve(__dirname, 'dist'), 
    progress: true, 
    inline: true, 
    hot: true 
    }); 
});

我希望

什麼，當我運行一飲而盡開始，我期望webpack dev服務器能夠啓動，允許我打本地主機：3000 /。這應該從我的項目的/ dist /文件夾加載一個index.html。到現在爲止還挺好。我期望在對文件進行更改時（例如，app.jsx），會發生更改。

什麼是真正發生

我收到錯誤「[HMR]熱模塊的更換已停用」，沒有進一步的解釋。

任何幫助，將不勝感激。我一直試圖讓熱重裝工作一整天。

來源

2016-09-08 coolpic.jpg.exe

在插件部分試試這個你webpack.config.js，

plugins: [new webpack.HotModuleReplacementPlugin()]

我知道你是推插件在你大口的任務，但你必須在命令行或在您的NPM腳本

使用 --hot --inline

來源

2016-09-09 02:09:01 David

謝謝，但這也沒有奏效。 –

嘗試運行webpack爲 webpack-dev-server --hot --inline in packge.json，不知何故官方文檔現在是錯誤的。

來源

2017-10-26 09:23:38

Webpack - [HMR]熱模塊更換已禁用

回答

相關問題