Parcel hot module reloading over ssh
A really great feature of parcel is hot module reloading, or rather, when you make a change to a file that change is manifested in the browser where you have your app open.
My parcel project was setup on a remote server that I had ssh'd into port forwarding the default parcel port, 1234, but in the console of Firefox I got this error:
Firefox can’t establish a connection to the server at ws://localhost:41393/. hmr-runtime.js:29:11
Turns out I needed to lock my hmr port to a fixed port and then port forward that hmr port over ssh.
Lock the hmr port when you start the parcel server like this:
parcel index.html --hmr-port=55555
And make sure you're port forwarding that port over ssh:
ssh chris@myserver -L 1234:localhost:1234 -L 55555:localhost:55555
Now your app will establish a web socker connection to the parcel server!Tweet