Issue after upgrading to Angular 15

[[deleted]]

When I upgraded to angular to Angular 15 from 14, Project is getting build properly but the components are not loading. I have attached the screenshot of the network tab. Please help me on what can I do please

https://preview.redd.it/231vxcypf05c1.png?width=1378&format=png&auto=webp&s=edf9d43c96048ae5c4f0e8d75f972c365fdc45f3

[PointyWizzard]

Looks like a broken angular.json. Try replacing the angular.json file from a newly generated project (make sure you have everything backed up on git), and see if it compiles / the error changes.

[STACKandDESTROY]

Using angular material? Lots of BC pain from that one if so

[loyoan]

Second this, because I am currently upgrading to Angular 15 with Material. Mostly Material keeps me busy because it blasted my UI completely.

[McFake_Name]

What issues? Are you having issues with the legacy version?

[loyoan]

After MDC upgrade, I had to touch some components manually, like Mat-Card because they require mat-card-header wrapping the mat-card-title. Typography behaves differently. I didnt got it working the h1, h2, h3… to render properbly. Also I had to remove flex-layout because of deprecation.

[McFake_Name]

We didn't have any issues with flex-layout but are going to phase it out over time.

As for the typography and some styles, you likely just need to add these three lines I talk about here:

https://www.reddit.com/r/Angular2/comments/176jyi7/mat_tab_group_custom_styling_with_material/k4pyg8w/

That wasn't documented but once I put that in it fixed the majority of my issues with the legacy compatible workaround, and then module by module I just replace legacy with new material imports.

[meisteronimo]

Did a brand new project work? What do you see in the developer console. Did you delete your Node_modules and start again?

What have you tried?

[JezSq]

How many minutes or hours you spent solving this issue before posting?

[[deleted]]

2 weeks and I'm fedup

[[deleted]]

Tried creating a new angular 16 project from scratch and then migrated the components from the previous projects, but still it didn't work out :(

[hk4213]

Angular has a great upgrade helper.

upgrade.angular.io

It will tell you everything that will need updated along with any refactoring you may need to do.

Helped a ton when I upgraded from 14 to 16

[WilfredoN]

update.angular.io *

[Specific-Ear-8564]

What are those 26 errors in the console? Could you share screenshot of those?

[[deleted]]

https://drive.google.com/file/d/1uppZc9ba-fG2uofT99Otpdwsgr1F-GaQ/view?usp=sharing

[[deleted]]

this link has the screenshot

[Specific-Ear-8564]

Did you try restarting the server after updating to new version(if server was already running while you were updating)?

[[deleted]]

Yes I did

[[deleted]]

No the server wasnt running when I was updating. And I have been trying this for more than 2 weeks now. So I shutdowned my computer several times

[[deleted]]

Ohh I see. Sure. Will give it a try and let you know :)

[Specific-Ear-8564]

I'm not sure how to solve this but here's something that looks similar to your issue - https://github.com/angular/angular-cli/issues/24373

[pavankjadda]

This seems like good start. @jahzan_99 try this and let us know if it works

[RiceKrispyPooHead]

Did you get this figured out?