[WDS] Disconnected! on firefox but works well in chrome Angular CLI 7.3.5

[0xJerico]

When running ng serve command and opening the http://localhost:4200 in firefox for the first time this error does not appear, but when I reload or refresh the page this error constantly appears. In chrome this error is not showing even how many times I refreshes or reloaded the page.

Angular CLI: 7.3.5
Node: 8.10.0
OS: linux x64
Angular:
...
Package Version

@angular-devkit/architect 0.13.5
@angular-devkit/core 7.3.5
@angular-devkit/schematics 7.3.5
@schematics/angular 7.3.5
@schematics/update 0.13.5
rxjs 6.3.3
typescript 3.2.4

[0xJerico]

any fast fix for this ?

[cfremgen]

No fix, but I've noticed when I switch tabs in chrome while the page is refreshing, I do not get this error. Every time.

Possibly has something to do with many connections happening at once, and Chrome limiting the number of network threads in background tabs.

This only happens in a larger project with a dozen or so API request on load. I have a smaller project with 3 requests and have never encountered this issue.

This has been happening for me for months now. Very annoying.

[0xJerico]

Have you tried this error on firefox? I never encountered this problem on google chrome.

[cfremgen]

I have only had this issue in Chrome, have not tried to reproduced it in FF. I believe FF has similar rate limiting.

[0xJerico]

I see, I hope someone gives high priority to this. Have seen this issue from way back Angular 6 up to now.

[cfremgen]

Seems turning off live reloading has fixed this issue for me.

ng serve --live-reload=false

[0xJerico]

@cfremgen thank you for that :) it fix my issue also. Just wondering now if this flag is safe in production mode.

[cfremgen]

You shouldn't be using ng serve to serve production builds.