尝试在 Angular 中安装 Clarity 库，"ng add @clr/angular"出现错误"ERESOLVE unable to resolve dependency tree"

Question

我正在按照一个图书项目练习Angular，该项目需要通过cmdng add @clr/angular为该项目安装Clarity库，但我一直收到与不兼容有关的错误(报告(：

0 verbose cli [
0 verbose cli   'C:\Program Files\nodejs\node.exe',
0 verbose cli   'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
0 verbose cli   'install',
0 verbose cli   '@clr/angular@12.0.8',
0 verbose cli   '--quiet'
0 verbose cli ]
1 info using npm@8.1.0
2 info using node@v16.13.0
3 timing npm:load:whichnode Completed in 0ms
4 timing config:load:defaults Completed in 2ms
5 timing config:load:file:C:Program Filesnodejsnode_modulesnpmnpmrc Completed in 3ms
6 timing config:load:builtin Completed in 3ms
7 timing config:load:cli Completed in 2ms
8 timing config:load:env Completed in 1ms
9 timing config:load:file:C:UsersmurilDesktopAngularAngular-Projects-Second-Edition-mainissue-tracker.npmrc Completed in 0ms
10 timing config:load:project Completed in 1ms
11 timing config:load:file:C:Usersmuril.npmrc Completed in 0ms
12 timing config:load:user Completed in 0ms
13 timing config:load:file:C:UsersmurilAppDataRoamingnpmetcnpmrc Completed in 0ms
14 timing config:load:global Completed in 0ms
15 timing config:load:validate Completed in 0ms
16 timing config:load:credentials Completed in 1ms
17 timing config:load:setEnvs Completed in 1ms
18 timing config:load Completed in 12ms
19 timing npm:load:configload Completed in 12ms
20 timing npm:load:setTitle Completed in 1ms
21 timing npm:load:setupLog Completed in 0ms
22 timing config:load:flatten Completed in 4ms
23 timing npm:load:cleanupLog Completed in 2ms
24 timing npm:load:configScope Completed in 0ms
25 timing npm:load:projectScope Completed in 1ms
26 timing npm:load Completed in 20ms
27 timing arborist:ctor Completed in 1ms
28 timing idealTree:init Completed in 620ms
29 timing idealTree:userRequests Completed in 4ms
30 silly idealTree buildDeps
31 silly fetch manifest @clr/angular@12.0.8
32 timing arborist:ctor Completed in 0ms
33 http fetch GET 200 https://registry.npmjs.org/@clr%2fangular 2111ms (cache revalidated)
34 silly fetch manifest @angular/common@~13.0.0
35 http fetch GET 200 https://registry.npmjs.org/@angular%2fcommon 1464ms (cache revalidated)
36 silly fetch manifest @angular/common@^12.0.0
37 silly fetch manifest @angular/core@~13.0.0
38 http fetch GET 200 https://registry.npmjs.org/@angular%2fcore 1450ms (cache revalidated)
39 silly fetch manifest rxjs@~7.4.0
40 http fetch GET 200 https://registry.npmjs.org/rxjs 39ms (cache revalidated)
41 silly fetch manifest zone.js@~0.11.4
42 http fetch GET 200 https://registry.npmjs.org/zone.js 752ms (cache revalidated)
43 timing idealTree Completed in 6521ms
44 timing command:install Completed in 6535ms
45 verbose stack Error: unable to resolve dependency tree
45 verbose stack     at Arborist.[failPeerConflict] (C:Program [e-mail]:1356:25)
45 verbose stack     at Arborist.[loadPeerSet] (C:Program [e-mail]:1322:34)
45 verbose stack     at async Arborist.[buildDepStep] (C:Program [e-mail]:930:11)
45 verbose stack     at async Arborist.buildIdealTree (C:Program [e-mail]:216:7)
45 verbose stack     at async Promise.all (index 1)
45 verbose stack     at async Arborist.reify (C:Program [e-mail]:149:5)
45 verbose stack     at async Install.install (C:Program Filesnodejsnode_modulesnpmlibinstall.js:170:5)
46 verbose cwd C:UsersmurilDesktopAngularAngular-Projects-Second-Edition-mainissue-tracker
47 verbose Windows_NT 10.0.19042
48 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "install" "@clr/angular@12.0.8" "--quiet"
49 verbose node v16.13.0
50 verbose npm  v8.1.0
51 error code ERESOLVE
52 error ERESOLVE unable to resolve dependency tree
53 error
54 error While resolving: issue-tracker@0.0.0
54 error Found: @angular/common@13.0.3
54 error node_modules/@angular/common
54 error   @angular/common@"~13.0.0" from the root project
54 error
54 error Could not resolve dependency:
54 error peer @angular/common@"^12.0.0" from @clr/angular@12.0.8
54 error node_modules/@clr/angular
54 error   @clr/angular@"12.0.8" from the root project
54 error
54 error Fix the upstream dependency conflict, or retry
54 error this command with --force, or --legacy-peer-deps
54 error to accept an incorrect (and potentially broken) dependency resolution.
54 error
54 error See C:UsersmurilAppDataLocalnpm-cacheeresolve-report.txt for a full report.
55 verbose exit 1

我尝试指定清晰度版本(@clr/angular@12)并使用命令--force，但它们都导致了相同的错误。网上似乎有很多关于npm缓存的帖子，但它们对什么是合适的解决方案的看法非常不同，这让我害怕仅仅尝试它们会让事情变得更糟。

你能帮忙吗？

Answer 1

您的应用程序(或angular的(的一些依赖项没有完全升级为使用npm 8.x(更具体地说，使用新版本的package.json结构(

尝试

npm  i @clr/angular --legacy-peer-deps

降级到npm7.x也应该有效。