angular/compiler-cli peer dependencies

Question

I've tried a lot to fix this problem, but I can't find any solution. This is the error:

npm ERR! While resolving: @angular-devkit/build-angular@14.2.4
npm ERR! Found: @angular/compiler-cli@12.2.16
npm ERR! node_modules/@angular/compiler-cli
npm ERR!   dev @angular/compiler-cli@"^12.2.16" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler-cli@"^14.0.0" from @angular-devkit/build-angular@14.2.4
npm ERR! node_modules/@angular-devkit/build-angular
npm ERR!   dev @angular-devkit/build-angular@"^14.2.4" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: @angular/compiler-cli@14.2.4
npm ERR! node_modules/@angular/compiler-cli
npm ERR!   peer @angular/compiler-cli@"^14.0.0" from @angular-devkit/build-angular@14.2.4
npm ERR!   node_modules/@angular-devkit/build-angular
npm ERR!     dev @angular-devkit/build-angular@"^14.2.4" from the root project

I've tried to downgrade angular/compiler-cli, but then I get the next error. Also used --force and --allow-dirty but the error still occurse. My goal was to upgrade angular from version 13 to 14. Hope someone can help..

Perhaps https://stackoverflow.com/questions/73133865/angular-migration-from-v12-to-v14/73134249#73134249 or https://stackoverflow.com/questions/73110381/angular-highcharts-unable-to-resolve-dependency-tree-peer-angular-common13-0/73110659#73110659 to gain understanding of peer dependencies. — Robin Webb, Oct 04 '22 at 09:26

score 1 · Accepted Answer · answered Oct 04 '22 at 09:42

You can check peer dependencies of a package using the command below.

npm info @angular-devkit/build-angular@14.2.4 peerDependencies

From this you will notice that @angular-devkit/build-angular@14.2.4 requires @angular/compiler-cli version 14.n.n (see https://semver.org/).

{
  '@angular/compiler-cli': '^14.0.0',
  '@angular/localize': '^14.0.0',
  '@angular/service-worker': '^14.0.0',
  karma: '^6.3.0',
  'ng-packagr': '^14.0.0',
  protractor: '^7.0.0',
  tailwindcss: '^2.0.0 || ^3.0.0',
  typescript: '>=4.6.2 <4.9'
}

To remedy this problem, you can firstly try typing ng update (https://angular.io/cli/update) and then updating each package as per results.

Alternatively (probably not recommended), you can try manually installing a specific version of the peer dependencies npm install package@n.n.n.

Another useful "trick" I have used to investigate NPM versions for new projects is to quickly create a new empty Angular project using the CLI.

I assume you have installed @angular\cli globally with correct version.

Something like the below will be quick as no installation of node_modules, etc.

ng new test1 --skip-git=true --skip-install=true --routing=false --strict=true --style=css

Examine the package.json and note the versions and compared and contrast to your project package.json.

angular/compiler-cli peer dependencies

1 Answers1

Linked