webpack-dev-server Disconnect and Trying to reconnect... spam

Question

I just finished an angular project I was working on, but i noticed something in the console, which I'd love to hide if that's possible just to keep everything tidy.

It's the [webpack-dev-server] module constantly disconnecting and trying to reconnect, and spamming my console log. Like this:

polyfills.js:1919 [webpack-dev-server] Live Reloading enabled.
polyfills.js:1919 [webpack-dev-server] Disconnected!
polyfills.js:1919 [webpack-dev-server] Trying to reconnect...
polyfills.js:1919 [webpack-dev-server] Live Reloading enabled.
polyfills.js:1919 [webpack-dev-server] Disconnected!
polyfills.js:1919 [webpack-dev-server] Trying to reconnect...
polyfills.js:1919 [webpack-dev-server] Live Reloading enabled.
polyfills.js:1919 [webpack-dev-server] Disconnected!
polyfills.js:1919 [webpack-dev-server] Trying to reconnect...

Is there a fix for this, or is this just the way it is for now until the application goes into production?

Answer 1

I managed to solve it with

npx webpack serve --allowed-hosts all

Answer 2

I had the same problem. The console repeatedly showed the Web Pack Server messages "Disconnected!" and "Trying to reconnect...". But only when the application is running under Chrome. The message does not show up when the application is running under Edge.

I read a lot of threads, but unfortunately nothing helped. Until I realized that my Chrome browser was outdated. After a quick update, the web pack server messages disappeared. Maybe someone else is facing the same issue.