Update angular to latest version
https://update.angular.io/ is a great place to understand and follow for updating angular from one version to a new one, but some time things don't work as expected. for example, when we have a package which doesn't support the latest angular, we get an exception
× Migration failed: Incompatible peer dependencies found. Peer dependency warnings when installing dependencies means that those dependencies might not work correctly together. You can use the '--force' option to ignore incompatible peer dependencies and instead address these warnings later. See "C:\Users...\angular-errors.log" for further details.
Below are the steps that I follow which works. For this example I am mentioning the steps for updating from v12 to v14
npm update
npx @angular/cli@13 update @angular/core@13 @angular/cli@13 --force
commit your changes! else on the next update you will get an error
Error: Repository is not clean. Please commit or stash any changes before updating.
npx @angular/cli@14 update @angular/core@14 @angular/cli@14 --force
commit again
Now we use npm-check-updates or npm itself to update all the depend packages which needs to be updated
npx npm-check-updates -i
or
npm install {package-name}@* {save flags?}
then
npm audit fix
Now try running your application. npm start
Happy Coding!
Some additional commands and reference materialsnpm clean-install to clear the node_modules folder and install fresh
how-to-update-npm-dependencies
