angular-highcharts 无法从 angular-highcharts@14.1.5 解析依赖树对等体 @angular/common@"^13.0.0"

Question

Trying to install angular-highcharts to my angular project but I m getting the error below:

PS C:\Users\YUNUS\Desktop\newProject\gos-panel\src\app\shared> npm i angular-highcharts highcharts       

npm ERR: code ERESOLVE npm ERR. ERESOLVE unable to resolve dependency tree npm ERR. npm ERR: While resolving. gos-panel@0.0:0 npm ERR. Found. @angular/common@14.1.0 npm ERR, node_modules/@angular/common npm ERR, npm ERR. Could not resolve dependency: npm ERR. peer @angular/common@"^13.0 0" from angular-highcharts@14 1 5 npm ERR node_modules/angular-highcharts npm ERR angular-highcharts@"*" from the root project npm ERR npm ERR Fix the upstream dependency conflict or retry npm ERR this command with --force or --legacy-peer-deps npm ERR to accept an incorrect (and potentially broken) dependency resolution npm ERR npm ERR See C \Users\YUNUS\AppData\Local\npm-cache\eresolve-report txt for a full report

npm ERR: A complete log of this run can be found in: npm ERR. C \Users\YUNUS\AppData\Local\npm-cache_logs\2022-07-25T13_43_51_090Z-debug-0 log

Answer 1

You can check peer dependencies for angular-highcharts as below.

npm info angular-highcharts peerDependencies

Result:

 '@angular/common': '^13.0.0', '@angular/core': '^13.0.0' }

Note that angular-highcharts requires @angular/common and @angular/core version 13.nn

You are using version @angular/common@14.1.0 it appears.

Please either install Angular 13 or work around the issue by using the command:

npm i angular-highcharts highcharts --legacy-peer-deps

As per the error above though, this peer dependency hasn't necessarily been tested.

Fix the upstream dependency conflict, or retry npm ERR, this command with --force. or --legacy-peer-deps npm ERR to accept an incorrect (and potentially broken) dependency resolution