Angular SSR Hot reload not working, no error, hung

Issue

I added angular universal to my project and upon saving, it compiles successfully though in the network tab I can see the request for whatever route im on gets hung on pending and the website stays loading forever in the browser. This issue is not present during CRS. Things I have tried that did not work:

• I have cloned the same project elsewhere to see if it was some fat finger accident

• I have not only add logic to stop DOM methods from being used, I have outright removed the use of them everywhere in the app

• I added 3rd party libraries like Domino js to mock methods on Node

• I started a completely blank angular project, added nothing to it other than angular universal and I get the same issue!

I will try it on another computer soon to see if it is just an issue on this machine.

What could the issue be? I don't get any errors and refreshing the page it works. Is hot reload broken for me? missing anything?

EDIT: I have now tried it on a 2 other Windows machines and the result is the same. Perhaps this is a bug. Essentially makes Angular useless to me. Angular Version 12.1

Solution

I was able to get it to work by upgrading my Angular to version 14, and starting a fresh project with SSR added. Frustratingly to say the least but I can finish my project and I copied back in most of my code from the project I was working on.

For what ever reason Angular 11 and 12 were giving me this issue on multiple machines on fresh angular projects. It never gave me any errors to show. I will report back if any time during the rest of the porting of code if the issue persists.

Answered By - Wahrenheit Sucher