Webpack serveur de dev chaud mode ne fonctionne pas

Voici ma config:

devServer: {
    contentBase: '/web/dist/',
    hot: true,
    stats: {colors: true},
    inline: true
}

Et voici le gulp tâche im en cours d'exécution:

gulp.task('build', ['clean', 'styles', 'bower', 'media', 'data', 'homepage'], function(done) {
    es6promise.polyfill();

    console.log('STARTING DEV SERVER...');

    server = new WebpackDevServer(webpack(webpackDevConfig), webpackDevConfig.devServer);
    server.listen(8080, '0.0.0.0', function (err, stats) {
        if (err) {
             throw new gutil.PluginError("webpack-dev-server", err);
        }

        console.log('DEV SERVER STARTED');

        done();
    });
});

Tout fonctionne comme prévu, à l'exception de la chaude de chargement (pas d'actualiser ou de modifier quand je fais les modifications sur les fichiers). Ce que je fais mal?

OriginalL'auteur Evan | 2015-05-28

  1. 7

    Vous devez ajouter <script src="http://localhost:8080/webpack-dev-server.js"></script> à votre index.html Il n'est pas ajouté lorsque vous utilisez l'API

    "Avis que webpack de configuration n'est pas passé à WebpackDevServer de l'API, ainsi devServer option dans webpack de configuration n'est pas utilisé dans ce cas. Aussi, il n'y a pas de mode inline pour WebpackDevServer API. <script src="http://localhost:8080/webpack-dev-server.js"></script> doit être inséré à la page HTML manuellement."
    (http://webpack.github.io/docs/webpack-dev-server.html)

    peut-être vous devez également ajouter 'webpack/hot/dev-server' comme un point d'entrée à votre webpack config

    je le vois dans la console: [WDS] Remplacement de Module à Chaud activée. cadre.bundle.js:114 Erreur non Interceptée: [HMR] Remplacement de Module à Chaud est désactivé.
    hmm vous avez plugins: [new webpack.HotModuleReplacementPlugin()] ajouté dans votre webpack config?
    bon, ça semblait l'aider mais maintenant, il ne se met pas à jour les fichiers modifiés. [WDS] Remplacement de Module à Chaud activée. cadre.bundle.js:600 [HMR] d'Attente pour la mise à jour du signal à partir de WDS... de modifier les fichiers et rien ne se passe
    dois-je créer ce publicPath option? quel est exactement le publicPath censé point?
    Je ne pense pas que vous avez besoin d'un public pour cela. Il faut pour servir du contenu statique. Sinon je n'ai aucune idée. Peut-être que vous pouvez ajouter votre webpack.config à la question...

    OriginalL'auteur errnesto

  2. 1

    assurez-vous de définir 

    webpackConfig.plugins.push(new webpack.HotModuleReplacementPlugin());

    dans le webpackConfig ainsi

    OriginalL'auteur Elise Chant

  3. 0

    Si vous utilisez redux pouvez essayer cette.

    Pour certains aléatoire raison redux-devtools ne permettait pas à chaud, rechargement pour moi. Essayez de le retirer de la racine de la composante et redux compose config.

    Remarque: Utilisez redux outil développeur d'internet explorer extension de navigateur avec cette config dans votre magasin de configuration: window.devToolsExtension ? window.devToolsExtension() : f => f

    Aussi, doit se lire: https://medium.com/@rajaraodv/webpacks-hmr-react-hot-loader-the-missing-manual-232336dc0d96#.ejpsmve8f

    Ou essayez chaud recharger 3:
    exemple: https://github.com/gaearon/redux-devtools/commit/64f58b7010a1b2a71ad16716eb37ac1031f93915

    OriginalL'auteur Priyanshu Chauhan