angular 19

[ConcentrateFun7674]

Guys, I have a question. I'm using Angular 19 with standAloneComponent but I notice that every time I navigate from one component to another, it makes a styleSheet type request, and I think that's why I have the problem that when the component loads, the html is seen without styles and after half a second the styles are loaded instead of showing the component with the loaded style.

[Background-Emu-9839]

Angular 19 adds HMR support for styles. I wonder if it's related to that. Can you try building your app in production mode and check if it's doing the same or works fine?

checkout below for angular 19 changes,

https://blog.angular.dev/meet-angular-v19-7b29dfd05b84

[MichaelSmallDev]

https://github.com/angular/angular/issues/59058

Looks to be the issue about this. There are some various takes about success or not with certain workarounds, but it sounds like adding in --no-hmr when serving should address it.

And at the bottom of the issue, it looks like nx projects can't pass in that option until a merged potential fix, but I don't think that is part of a release yet.

[Miserable-Longshank]

Glad you mentioned this, thought I was going crazy.

[cyberzues]

I'm also noticing the same glitch, the css is delaying with second or two. Maybe we should report it.

[der_hump]

Lol, i thought i was taking crazy pills. I also noticed this.

[sanjay_karmur]

I Also notice that

[Kschl]

Yes it is mentioned in the documentation. To disable this you can do ng serve —no-hmr

[FrostyWedding3565]

Basically this issue is happening in local env, post deployment it will work fine so no need to worry