15

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?

Ken White
  • 123,280
  • 14
  • 225
  • 444
Reda Boi
  • 161
  • 1
  • 3

3 Answers3

2

I managed to solve it with

npx webpack serve --allowed-hosts all

user3621978
  • 21
  • 3
1

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.

Ramona
  • 19
  • 1
0

in my case, the issue is with my virus guard Kaspersky.after i exited it the issue is resolved

tecs-x
  • 308
  • 3
  • 12