Keep Getting "[WDS] Disconnected!" Error

[Tieantono]

Hi there, I have an issue when using your hot reload feature on an application that running using HTTPS, I keep getting "[WDS] Disconnected!" error. However, this problem does not occur when my application does not running using HTTP.

This is what it looks like in Google Chrome's DevTools:

[ryanelian]

I believe this is caused by the Webpack Dev Server (WDS) not running on the HTTPS port (https://localhost:28080), only the HTTP port (http://localhost:28080).

Honestly, this is a tricky problem to solve because enabling HTTPS would require a valid HTTPS certificate, which will cause the browser to show invalid certificate error (because localhost certificates are self-signed).

[ryanelian]

What happens when you enable HTTPS access for WDS:

Turns out my issue was because I was running code on https and when I request something from webpack dev server it runs the socket code and uses whatever level of security is currently being used (in my case https).

^ quoted from someone with similar problem

---

Currently there is NO way to automatically trust a dynamically generated self-signed certificate for use in wss:// (https://stackoverflow.com/a/23036270) and we cannot downgrade connection from https:// to ws:// (https://stackoverflow.com/a/9752145)

If you really need to develop with HTTPS, use dev-watch mode instead of hot reload mode.

Feel free to send PR if you know the solution to this problem, though.

[Tieantono]

I see, so we have to use HTTP instead.

Thank you for your confirmation.

I'm closing this issue since it is coming from WDS.