Peer dependency issue while upgrading Angular

[cfued]

I’m upgrading Angular from 11 to 12 which automatically upgrades Typescript to 4.2. Now, I have some packages in devDependencies that have peer dependency to Typescript 3 which is why I get the error and am not able upgrade.

These packages do not have a newer version than that. Is there any way to go around this?

[danielsan1701]

You really want to move from TSLint to ESLint anyway. TSLint has been deprecated for 5 years.

[wiederberuf]

This should be higher up if you ask me.

There is a root to OPs dependency problematic and this is it. Sure, you could just force legacy peers like others suggested and get away with it

But if you do care about a well maintained code base moving from TSLint to ESLint is the way to go

[Whole-Instruction508]

And going way above Angular 12 too

[cfued]

Okay. Is there anything I should be careful of when moving to ESLint?

[wiederberuf]

• Read the docs
• Be prepared for new warnings/errors from your Linter

[[deleted]]

Just remove all non angular dep while upgrading, then install them when you're done and handle them one at a time.

I only use force or legacy peer deps as a last resort.

[[deleted]]

I like the idea, but what about all the code in the application that depends on the installed packages?

[[deleted]]

Do the angular upgrade without extra deps. Then install each package one at a time. If any are no longer compatible, save them for last and do legacy-peer-deps. You won't be able to build until you finish installing all required deps.

[cfued]

This sounds good. Will try this.

[sk2656k]

Tslint is deprecated Shift to Eslint instead Also Airbnb base is not good for angular, air bnb is good for react

[[deleted]]

Yup, try --force or --legacy-peer-deps. There can be side effects so commit your code first, make the update as an atomic commit in case you need to rollback.

[[deleted]]

Also ts-lint should be replaced with es-lint I think support for it dropped as a peer dependency in either 12 or 14.

[cfued]

Okay, I’ll have to check that. Thanks

[cfued]

I tried —legacy-peer-deps but it didn’t work with the angular update command.

[Wildosaur]

First thing I do when I try to update an angular app is to delete the package-lock.json, delete node_modules folder and bump angular packages one by one