Disconnect hot reloading for a particular tab, through devtools console, for angular apps

Question

Is there a way to disconnect the web sockets from hot reloading my angular app, for a particular browser tab by using devtools console window?

I would need to keep the app at a particular state while I have another instance open in another tab that will have enabled hot reloading.

score 3 · Accepted Answer · answered Sep 17 '18 at 09:10

3

Just run your app twice - one through the dev server with websocket reloading (your ng serve) and the second one without the dev server.

ng build 
&& cd ./dist 
&& npx live-server --entry-file index.html --port <SOMETHING OTHER THAN 4200>

or

ng serve --live-reload false --port <SOMETHING OTHER THAN 4200>

Now you can access your static app at localhost:<SOMETHING OTHER THAN 4200>.

Hope this helps a little :-)

answered Sep 17 '18 at 09:10

Heehaaw

I used ng serve --live-reload false --port 4300 but still reloaded my app – stackoverflow Sep 17 '18 at 13:30
Doesn't do that form me :-(. Try `ng serve --live-reload false --port 4300 --watch false` - this disables rebuilding as well as reload. – Heehaaw Sep 17 '18 at 15:03
still refreshing my app – stackoverflow Sep 18 '18 at 09:04
In that case, try hosting the built app with a live-server. Otherwise, please provide some more details about your setup so I can have a look... – Heehaaw Sep 18 '18 at 11:24
just a regular ng app created by CLI on localhost – stackoverflow Sep 19 '18 at 09:07

score 3 · Answer 2 · answered Sep 20 '18 at 06:52

3

just do ng serve --live-reload false

Update Your CLI version first to the latest one.

answered Sep 20 '18 at 06:52

Satish Deokar

I don't know to whom should I validate the answer, both are correct – stackoverflow Sep 20 '18 at 13:28
1

Roll a dice ;-) – Heehaaw Sep 20 '18 at 14:22

2 Answers2