Webpack - [HMR] Hot Module Replacement ist deaktiviert

Question

Ich habe mich umgesehen, kann aber keine der Antworten, die ich auf Stackoverflow gesehen habe, zur Arbeit bringen.

Ich kann die Befehlszeile für das Webpack oder den Webpack-dev-server nicht verwenden; Ich bin auf die Verwendung der Node-API beschränkt.

Unten ist, wie ich Webpack benutze.

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: [] 
}; 

in einem Zug Aufgabe enthalten "Start"

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 
    }); 
}); 

Was ich erwarte, dass

Als ich schluck Start laufen, Ich erwarte, dass der Webpack-Dev-Server hochfährt, was mir erlaubt um localhost zu treffen: 3000 /. Dies sollte eine index.html aus dem Ordner/dist/meines Projekts laden. So weit, ist es gut. Ich erwarte, dass, wenn ich eine Änderung an einer Datei (z. B. app.jsx) mache, dass die Änderung vorhanden wäre.

Was ist eigentlich

passiert erhalte ich die Fehlermeldung "[HMR] Hot Module Ersatz ist deaktiviert", ohne weitere Erklärung.

Jede Hilfe wäre willkommen. Ich habe versucht, einen ganzen Tag lang heiß nachzuladen.

Answer 1

in Ihrem webpack.config.js auf den Plugins in diesem Abschnitt versuchen,

plugins: [new webpack.HotModuleReplacementPlugin()] 

Ich weiß, dass Sie das Plugin in Ihrem Zug Aufgabe drängen, aber Sie haben --hot --inline auf cli zu nutzen oder auf Ihrem npm Skript

Answer 2

Versuchen Sie, Webpack als webpack-dev-server --hot --inline in packge.json, laufen irgendwie offizielle Dokumente ist jetzt falsch.