Angular Wont Update code changes while debugging after save

[blogcraft]

Which @angular/* package(s) are the source of the bug?

compiler-cli

Is this a regression?

Yes

Description

Since Angular 17 if I am debugging and app with ng serve, code changes made in my submodules trigger a recompile, browser refreshes, but the same unchanged code is still running.

Please provide a link to a minimal reproduction of the bug

https://github.com/blogcraft/WontUpdateWhileDebugging

Please provide the exception or error you saw

There is no error or Exception, the cli just recompiles as normal and shows the usual chunk files message and the message:

Application bundle generation complete. [0.077 seconds]

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 17.0.6
Node: 20.9.0
Package Manager: npm 10.1.0
OS: win32 x64

Angular: 17.0.6
... animations, cli, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router, service-worker

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1700.6
@angular-devkit/build-angular   17.0.6
@angular-devkit/core            17.0.6
@angular-devkit/schematics      17.0.6
@angular/cdk                    17.0.3
@angular/material               17.0.3
@schematics/angular             17.0.6
rxjs                            7.8.1
typescript                      5.2.2
zone.js                         0.14.2

Anything else?

To see the behaviour while debugging, try to change the message in the src\app\modules\signed-out-module\signed-out.component.ts file.

[alan-agius4]

@blogcraft, kindly make the reproduction accessible.

Also, which IDE are you using?

[blogcraft]

@blogcraft, kindly make the reproduction accessible.

Also, which IDE are you using?

sorry, its public now.

I have tried with VS Code also with notepad.

[alan-agius4]

Hi @blogcraft, I downloaded the reproduction, however I am seeing the changed reflected in the browser as expected.

[blogcraft]

That is strange, all my team has the same problem. If you change a file like the main.ts or the AppComponent all the project recompiles and refreshes correctly. But if you only change this.tituloPagina in SignedOutComponent (or any component in the not trimmed project), it refreshes, but the text remains the same.

Could it have something to do with the lazy loading routes?

[blogcraft]

Starts like this:

Change some code...

Recompiles:

Text remains the same

[pedrosanguineti]

It's happening to me as well. Also, I managed to reproduce the issue following the example provided by @blogcraft.

Angular CLI: 17.0.6
Node: 18.17.0
Package Manager: npm 9.6.7
OS: win32 x64

Angular:
...
Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1700.6 (cli-only)
@angular-devkit/core         17.0.6 (cli-only)
@angular-devkit/schematics   17.0.6 (cli-only)
@schematics/angular          17.0.6 (cli-only)

[jimyhdolores]

The same thing happens to me, any update on this?

[alan-agius4]

Hi @blogcraft,

I tried this again and I was still unable to replicate the reported behaviour using the project provided. I am using ng serve.

I used Edge and Chrome on Windows and Chrome on Linux and the changes were always reflected in the browser as expected.

cast.1.webm

[zselmani]

Happened to me too.
In my case it was not consistant or linked to a single file, it just happened randomly once or twice every hour or so.
Shutting down the ng serve and restarting it fixed the problem.

[blogcraft]

Thanks for your time @alan-agius4

This is my test.

Grabacion.2023-12-12.115113.mp4

Is there anything else that could impact some environments and others not?

I've tried with bash, cmd, Powershell.. Node 18, node 20.9, Firefox, Edge, Chrome.

[alan-agius4]

@blogcraft, can you try in an incognito browser?

[blogcraft]

Same behaviour with incognito.

My OS is in Spanish, I don't know if it has anything to do, but at this time I don't know what else to look.

[blogcraft]

Also checked If I had any global package in npm that could be doing something, but nothing outside of CLI.