ng serve not detecting file changes

[KatzRuslan]

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

Don't known / other

Is this a regression?

Yes

Description

Generate a brand new project ng new project
Select scss and all other defaults
run npm start
any changes 4.a change *.ts 4.b change *.html 4.c change *.css
save file

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

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

No response

Anything else?

No response

[alan-agius4]

Can you please provide the output of ng version

[KatzRuslan]

Angular CLI: 17.0.0 Node: 20.9.0 Package Manager: npm 10.1.0 OS: win32 x64 Angular: ... Package Version ------------------------------------------------------ @angular-devkit/architect 0.1700.0 (cli-only) @angular-devkit/core 17.0.0 (cli-only) @angular-devkit/schematics 17.0.0 (cli-only) @schematics/angular 17.0.0 (cli-only) Ruslan Katz пт, 10 нояб. 2023 г. в 16:46, Alan Agius ***@***.***>:

…

Can you please provide the output of ng version — Reply to this email directly, view it on GitHub <#26325 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJRSPWW7INZO7BFLA2IMFUTYDY425AVCNFSM6AAAAAA7GIYNAKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMBVHA3TGNZQHE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[KatzRuslan]

The dev server isn't picking up changes to ts, html and scss at all. Do you have some solution? Ruslan Katz пт, 10 нояб. 2023 г. в 17:38, Michael Guay ***@***.***>:

…

We're also seeing this from migrating to @angular-devkit/build-angular:application. Interestingly the dev server is picking up changes to ts and scss but completely ignores html. — Reply to this email directly, view it on GitHub <#26325 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AJRSPWS3TKZQGEU5ZBMR3ZTYDZC6RAVCNFSM6AAAAAA7GIYNAKVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTQMBVHE2TOMZWHE> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[janerikmai]

cannot confirm 100%. watch and reload works for me on apple silicon with node 20.9 and [email protected], BUT it seems not to recover from broken scss (angular-sass) code

does not recover from error after fix and save for (s)css files

broke scss, saved, fixed, saved,... will not recover from error

[naveedahmed1]

I am also facing the same issue, it sometimes work and sometimes it doesn't. Most of the times it detect changes a few times and then suddenly stops deteting the changes.

[reduckted]

BUT it seems not to recover from broken scss (angular-sass) code

This is exactly what I'm experiencing as well. Changes to .scss files are compiled by the CLI successfully and loaded correctly in the browser until there's a compilation error. Once you fix that compilation error in the file, the CLI continues to report a compilation error.

[Alecto]

Confirm the same issue

[WDrzewiecki]

In my case, a similar problem began to occur after migrating to application builder (it was fine while using webpack). It turned out that the server did not detect file changes when the source directory name started with a dot (.). Changing the folder name so that it does not start with a dot solved the problem for me

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}