Hot Module Replacement not working

I tried following this tutorial to get Hot Module Replacement working in my app. Everything appears to be working in the console, except the update never happens. For instance, if I change a file, I’ll see these logs:

    webpack-dev-server: Hot Module Replacement enabled. jsx.js:481
(2) webpack-dev-server: App updated. Recompiling... jsx.js:485
    webpack-dev-server: App hot update... jsx.js:515

But never anything like:

***** Updated Main.scss ***** jsx.js 
Updated modules: jsx.js

Here’s a repo demonstrating the issue. I’ve tried changing both script files and stylesheets; however, neither triggers a complete update.

How do I get HMR working?

[Download]

The problem is, there are many different ways to configure this all. So you end up reading tutorials and one tells you to add the HotModuleReplacementPlugin and the other tells you to add the --hot flag and somehow you end up having both.

I think it’s very unexpected behavior. Normally, command line flags override global settings i.s.o. appending to them… especially when doing so actually breaks the setup.

[nojvek]

webpack-dev-server --hot --inline does not work. Just refreshes the page. I have spent almost 2 hours pulling my hair over this. Incredibly complex to get it right.