VS 2022 stuck on running Angular application

Question

I use VS 2022 for VB.NET programming. Yesterday, I started the tutorial for Angular. Selected new project of type Standalone Typescript Angular Project. It added the startup files into the project. I then pressed F5 to run it. A command window opened with messages. Also, a Chrome window with the welcome page. I closed both of them and made one small change to the title text of app.component.html and tried running again. Now, the command prompt opens and gets stuck at "Complied successfully". Chrome doesn't open. The status bar at the bottom says "Deploy started".

Yes, I can manually open browser to http://localhost:4200 and see me change.

But, why is it stuck at this point?

`I closed both of them` This is not needed because Angular supports hot reloading. You can make changes to the code and have them reflected in the app on saving the files. — Cuzy, Aug 10 '23 at 13:46

score 2 · Accepted Answer · answered Aug 10 '23 at 13:42

It's not stuck at that point.

Running the program using VS 2022 will just launch a command prompt and perform the command "ng serve" in the root-folder to launch the angular application.

The first time it launched the command prompt and performed the. ng serve -o command (launch Angular app and open window). It can probably be changed in the settings.

Anyway It should have "hot-reloading" meaning it should reflect the changes to your program without restarting. (maybe it still needs to be turned on in the settings).

Thank you. The tutorial ended at the point where it said to run the application. — Hussain Akbar, Aug 11 '23 at 06:17

score 2 · Answer 2 · answered Aug 10 '23 at 14:35

2

As others have stated, this is intended for ng serve. Live reloading should detect saved changes and reload the page if the change compiles successfully. If you have a compilation error, you'll see it in that window as well :)

If you want to disable auto reloading look at this post: Angular cli - how to disable auto reload when ng serve

answered Aug 10 '23 at 14:35

charles

23
4

Thank you. I'll continue with hot updating the source to see. – Hussain Akbar Aug 11 '23 at 06:19
Neat! Updating and saving the source reflects in the browser without reloading the page. Magic! – Hussain Akbar Aug 11 '23 at 06:23

score 1 · Answer 3 · answered Aug 10 '23 at 14:12

Now, the command prompt opens and gets stuck at "Complied successfully". Chrome doesn't open. The status bar at the bottom says "Deploy started".

This is not "stuck". It is behaving exactly as designed. Every change you make you will see reflected in the command prompt window. It will build your changes and let you know whether it compiled successfully each time you make and save a change in your angular application.

You do not have to close your window! You can simply refresh your page. (P.S.: In your dev tools on chrome, make sure to "disable cache" if you are making changes to things that are cached.)

You are on the exact right track!

Thank you. The tutorial didn't mention that part. (Or, more probably, I stopped at that page to wrestle with this dilemma) — Hussain Akbar, Aug 11 '23 at 06:18

VS 2022 stuck on running Angular application

3 Answers3