TheCodeBuzz

Today in this article, we will cover a few easy steps to resolve common errors in angular like “This version of cli is only compatible with angular versions“.

Issue Description

Angular CLI ng build command gives the below error,

ng build

Angular 14 or 15 error

This version of cli is only compatible with angular versions ^14.0.0-next || >=14.0.0 <15.0.0, but angular version 14.0.00 was found instead.

Resolution

This error I found to be due to the difference in Angular CLI installed globally Vs local project workspace followed by incompatible versions of angular libraries.

Steps to fix the issue

Below are generic steps to fix the issue which can be followed for this or similar issues,

Step 1- Use the correct Node version

Make sure you are using Node 10.13 or later.

Step 2 – Update Angular CLI for a workspace

npm install -g @angular/cli

Note: Make sure to install the global version using the command with ‘-g’ to install properly.

Step 3 – Ng Update – Update Angular Core Packages in the Project

Run the Update command to get a list of all dependencies required to be upgraded.

ng update

Next, Run the update command below for each Angular core package,

To use the current stable release of the core framework and CLI by running the following command.

ng update @angular/cli @angular/core

However, I had to add ‘–force‘ and ‘–allow-dirty‘ flag commands additionally to fix all other pending issues.

So if needed please execute the command below,

ng update @angular/cli @angular/core --allow-dirty

Step 4 (Optional ) – Updating to the major version

ng update @angular/cli@^<major_version> @angular/core@^<major_version>

Example

If you are already on version 14 and want to migrate to Angular version 15, you can specify the major version below,

ng update @angular/cli@^15 @angular/core@^15

Build the project,

Finally, the build is successful.

Still can not resolve the issue?

If you are still facing issues, try cleaning and reinstalling the node_modules directory.

Command

rm -rf node_modules 

npm install

You could also try uninstalling the angular CLI version and reinstall it,

npm uninstall -g @angular/cli 

npm cache clean --force

Angular version upgrade – Guidelines

If you need to perform any old framework migration like Angular 12 to more Angular 15 then, you must first migrate to Angular 13 then 14, and finally 15 to avoid any migration issues.

If you need to perform any old framework migration like Angular 6 or 7 then you must migrate the application to Angular 8  first and use the below steps explained to complete the migration Angular 9 onwards untill the latest framework migration.

Reference:

• Angular CLI Common Errors and Resolution Dictionary

• Understanding Angular Architecture

Did I miss anything else in these resolution steps? Did the above steps resolve your issue?

Please sound off in the comments below!

Watch this 3-minute Video Tutorial for any issues.

---

Please bookmark this page and share it with your friends. Please Subscribe to the blog to receive notifications on freshly published(2024) best practices and guidelines for software design and development.

---