HMR ne fonctionne pas après avoir déplacé des fichiers dans le dossier / app

Salut, je suis en train d’essayer d’apprendre à utiliser express avec les webpacks HMR, et chaque fois que je mets à jour et enregistre un fichier, il me donne l’erreur suivante:

“Les modules suivants n’ont pas pu être mis à jour à chaud: (Rechargement complet nécessaire)” “./app/components/App.js”

Y a-t-il un problème avec mes fichiers de configuration actuels?

J’ai donc une structure de répertoire comme celle-ci:

todos | app | package.son server.js webpack.config.js

et j’ai un fichier webpack.config.js et un fichier server.js qui ressemble à ceci:

 var path = require('path'); var webpack = require('webpack'); module.exports = { context: path.join(__dirname + "/app"), entry: ['./index'], output: { path: "/bundle", publicPath: '/static/', filename: "bundle.js" }, module: { loaders: [ { test: /\.jsx?$/, exclude: /(node_modules|bower_components)/, loader: 'babel', query: { presets: ['react', 'es2015'] } } ] }, resolve: { extensions: ['', '.js', '.jsx'] } };

server.js

 var webpack = require('webpack') var webpackDevMiddleware = require('webpack-dev-middleware') var webpackHotMiddleware = require('webpack-hot-middleware') var config = require('./webpack.config') var app = new (require('express'))() var port = 3000 var comstackr = webpack(config) app.use(webpackDevMiddleware(comstackr, { noInfo: true, publicPath: config.output.publicPath })) app.use(webpackHotMiddleware(comstackr)) app.get("/", function(req, res) { res.sendFile(__dirname + '/app/index.html') }) app.listen(port, function(error) { if (error) { console.error(error) } else { console.info("==> 🌎 Listening on port %s. Open up http://localhost:%s/ in your browser.", port, port) } })

Avez-vous essayé d’accepter le module? Dans la documentation Webpack HMR , il est écrit ceci:

Un module ne peut être mis à jour que si vous l’acceptez. Il faut donc module.hot.accepter le module chez les parents ou les parents des parents. Par exemple, un routeur ou une sous-vue serait un bon endroit.

Essayez ceci dans votre fichier index.js ou partout où vous voulez recharger le module HMR:

 if (module.hot) { module.hot.accept(); }