Hot Module Replacement is disabled error.

Question

Hot Module Replacement is disabled error.

siegesmund opened this issue 9 years ago · comments

Peter Siegesmund commented 9 years ago

I'm getting this error in the Chrome console:
Uncaught Error: [HMR] Hot Module Replacement is disabled.

It's referenced in this issue, and the solution offered here solves the problem.
webpack/webpack#1151

Still, it seems a little nicer to have those settings in the config file.

Using Node 4.3.1 and Chrome 50.0.2661.86

Juho Vepsäläinen · Answer 1 · Fri Apr 29 2016 11:39:03 GMT+0800 (China Standard Time)

How did you end up fixing it? The thread is a little confusing and webpack source conflicts with some of that these days.

Peter Siegesmund · Answer 2 · Fri Apr 29 2016 19:46:10 GMT+0800 (China Standard Time)

I added the hot and inline flags to the npm start script in package.json, and commented them out in the webpack config file. Those options are now invoked with:
webpack-dev-server --hot --inline

Juho Vepsäläinen · Answer 3 · Fri Apr 29 2016 19:53:04 GMT+0800 (China Standard Time)

There's actually a little inconsistency in webpack here. I read from the source that it sets HotModuleReplacementPlugin only through cli. If you use webServer field, it has to be set explicitly.

I'll be moving the book to use a little boilerplate in the near future. That will solve this issue as we get something consistent to run.

Thanks for the report.

Juho Vepsäläinen · Answer 4 · Sat May 28 2016 22:38:16 GMT+0800 (China Standard Time)

dev is running boilerplate now. Release soon. 👍