Should handle when app server is reloaded via nodemon

I have it so that my app server (which, of course, contains webpack-dev-middleware and webpack-hot-middleware) is restarted when any server-side files are changed. Unfortunately, what’s happening is that as soon as the server is restarted, something is triggered such that now I see the following message in the browser console:

GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING

I don’t know enough to know why this is happening exactly, but I do know that I’d like the page to reload when this happens. Any idea on how to do this?

[glenjamin]

You should at least configure nodemon to ignore the client folder, so that it only restarts on server changes.

The client-side event-stream should reconnect after the server has restarted.

Feel free to reopen if you have more questions or suggestions.

[glenjamin]

But I can’t understand how the “Server-side express routes hot reloading” works, it seems not the nodemon’s effect?

Correct, the key point is here: https://github.com/glenjamin/ultimate-hot-reloading-example/blob/master/server.js#L28 Every request does a require(), which will use the require.cache if primed, or trigger a fresh require.

Whenever the /server/ files change, we clear the module cache: https://github.com/glenjamin/ultimate-hot-reloading-example/blob/master/server.js#L37