[WDS] Disconnected! in firefox Angular 7

[Jeevan]

It appears wds disconnected error in the console. but it doesn't appear in the chrome initially. but when i refresh the page it appears. i have updated webpack-dev-server upto 4.27. what are the solutions for this ?

[Sander Elias]

Hi Jeevan,

I have looked into this. Most common causes seem to be invalid certs, and old packages.

Under the assumption that you are running the with the CLI, take the following steps. 

• remove the webpack-dev-server package from package.json 
• run `ng update @angular/core`
  
• run `ng update @angular/cli`
• remove the `node_modules` folder
• delete `yarn.lock` and/or `package-lock.json`
• clean out your systems temp folder. (will remove stale certs)
• run `yarn` or `npm install` to reinstall your packages.

The order of those steps is important! 

After that, things should be working. If not, come back here, and I will figure out what's next.

Regards

Sander

[Jeevan]

Hi Sander, 

Thanks for you feedback.I followed the steps accordingly as you mentioned above. but the same error still appears.

I deleted webpack-dev-server from package.json of node_modules/Webpack-dev-server/package.json. and also deleted webpack from package.json of root. I waiting for your feedback.

Thanks,

Jeevan Chathuranga

[Sander Elias]

Hmm, Ok. Can you try generating a new trail project, to check if that behaves the same?
ng new testWds -S -s will get you set up quickly.

​

[Jeevan]

I created new trail project initially also.I created again .but it behaves same. my firefox version 64.0.

Thanks,