Search code examples
google-chromeiiswebsocketparceljs

Locally hosted HTTPS site gives Chrome error about a websocket (when using ParcelJS bundles)

I am not using Web Sockets on this web page , but -

I am trying to understand why Chrome console prints the following "error" (I use quotes because it does not effect anything). The error only appears when I host on a HTTPS site, not HTTP (the same IIS server which is local to my computer is being used).

(and there is a valid TLS/SSL certificate)m, I have no idea why port 61396 is being looked at..

hmr-runtime.js:29 WebSocket connection to 'wss://ysg4206.draper.com:61396/' failed: Error in connection establishment: net::ERR_SSL_PROTOCOL_ERROR
parcelRequire.../../../node_modules/parcel-bundler/src/builtins/hmr-runtime.js @ hmr-runtime.js:29
Solution

  • See: https://github.com/parcel-bundler/parcel/issues/3286

    but the gist of the solution is that HMR is for development hot module reloading. If you have a different way of doing live reloads (like the VSCODE live server) then you should

    This is part of the hot module reloading feature. You can disable it via --no-hmr. Otherwise, you'll have to proxy the websocket through your IIS proxy as well (if I understood your setup correctly).