I have an app that I am working on that I just ported over to another machine. When I run it I get that Phoenix “loading” bar at the to of the app and then my app is frozen.
There are no error messages that I can see.
How do we troubleshot this kind of thing?
This app was working and I ported it to another machine. Everything appeared fine. The database was newly created and migration scripts completed. When I run the app I get the “loading bar” at the top and the app becomes responsive. There are no errors anywhere. When I delete all the liveview code and load the page the loading bar still appears.
How does one typically move forward when this kind of thing happens?
I assumed that with a Liveview this would revolve around the mount function. If I remove all code except the basic mount code then this problem should not happen - but it does.
The way liveviews work is that you will make a initial http connection that will eventually be upgraded to a websocket connection. There are cases depending on your setup where the initial http request might work, but subsequent websocket connection might not happen.
Check the logs in browser, if your JS client cannot establish a websocket connection you will get errors there.