迁移失败：发现不兼容的对等依赖项 - 将 Angular 升级到版本 12

Question

我正在将我的应用程序从 Angular v11 升级到 Angular v12。当我尝试升级 Angular 包时出现此错误：

ng update @angular/core@12 @angular/cli@12

Migration failed: Incompatible peer dependencies found 

Package has an incompatible peer dependency to "@angular/common" (requires "^8.1.3 || ^9.0.0" (extended), would install "12.0.0").
Package has an incompatible peer dependency to "@angular/core" (requires "^8.1.3 || ^9.0.0" (extended), would install "12.0.0").

这些只是警告，但迁移因此而失败。

我可以选择使用该--force选项来忽略不兼容的对等依赖项并稍后解决这些警告。我应该这样做吗？如果我这样做，会破坏具有不兼容对等依赖项的包吗？

Answer 1

我遇到了同样的问题，这是我解决问题的步骤

\n

\n
1. 确保您的节点版本大于10
\n
2. 跑步ng update @angular/core@12 @angular/cli@12。您最有可能收到如下错误
\n

\n

Package "@angular-eslint/builder" has an incompatible peer dependency to "@angular/cli" (requires ">= 11.2.0 < 12.0.0", would install "12.0.0").\n\xc3\x97 Migration failed: Incompatible peer dependencies found.\nPeer dependency warnings when installing dependencies means that those dependencies might not work correctly together.\nYou can use the \'--force\' option to ignore incompatible peer dependencies and instead address these warnings later.\n  See "C:\\Users\\KOTIENO1\\AppData\\Local\\Temp\\ng-gY5FIE\\angular-errors.log" for further details.\n

\n

我们可以使用警告建议--force来忽略警告。我们现在就这样做\n3) 运行ng update. 这将返回我们需要运行的所有命令

\n

Using package manager: \'npm\'\nCollecting installed dependencies...\nFound 68 dependencies.\n    We analyzed your package.json, there are some packages to update:\n\n      Name                                    Version                  Command to update\n     -------------------------------------------------------------------------------------\n      @angular-eslint/schematics              4.2.0 -> 12.0.0          ng update @angular-eslint/schematics\n      @angular/cdk                            11.2.11 -> 12.0.0        ng update @angular/cdk\n      @angular/cli                            11.2.11 -> 12.0.0        ng update @angular/cli\n      @angular/core                           11.2.12 -> 12.0.0        ng update @angular/core\n      @ngrx/store                             11.1.1 -> 12.0.0         ng update @ngrx/store\n\n    There might be additional packages which don\'t provide \'ng update\' capabilities that are outdated.\n    You can update the additional packages by running the update command of your package manager.\n

\n

\n
4. 跑步ng update @angular-eslint/schematics @angular/cdk @angular/cli @angular/core @ngrx/store --force。这是根据步骤 3 进行的，您的可能略有不同。记得添加--force标志
\n

\n

成功运行，但出现许多警告

\n

npm WARN ERESOLVE overriding peer dependency\nnpm WARN While resolving: furaha-app@0.0.0\nnpm WARN Found: @angular/compiler-cli@12.0.0\nnpm WARN node_modules/@angular/compiler-cli\nnpm WARN   @angular/compiler-cli@"~12.0.0" from the root project\nnpm WARN   3 more (@angular-devkit/build-angular, @angular/localize, ng-packagr)\nnpm WARN\nnpm WARN Could not resolve dependency:\nnpm WARN peer @angular/compiler-cli@"^12.0.0-next" from @angular-devkit/build-angular@12.0.0\nnpm WARN node_modules/@angular-devkit/build-angular\nnpm WARN   @angular-devkit/build-angular@"~12.0.0" from the root project\nnpm WARN ERESOLVE overriding peer dependency\nnpm WARN While resolving: furaha-app@0.0.0\nnpm WARN Found: typescript@4.2.4\nnpm WARN node_modules/typescript\nnpm WARN   typescript@"4.2.4" from the root project\nnpm WARN   4 more (@angular-devkit/build-angular, ...)\nnpm WARN\nnpm WARN Could not resolve dependency:\nnpm WARN peer typescript@"~4.2.3" from @angular-devkit/build-angular@12.0.0\nnpm WARN node_modules/@angular-devkit/build-angular\nnpm WARN   @angular-devkit/build-angular@"~12.0.0" from the root project\nnpm WARN ERESOLVE overriding peer dependency\nnpm WARN While resolving: furaha-app@0.0.0\nnpm WARN Found: @angular/compiler@12.0.0\nnpm WARN node_modules/@angular/compiler\nnpm WARN   @angular/compiler@"~12.0.0" from the root project\nnpm WARN   3 more (@angular/compiler-cli, @angular/localize, ng-packagr)\n

\n

\n

5. 通过这一步，您的package.json文件已更新。跑步ng serve以确保一切按预期工作

   \n
\n

6. 检查警告。大多数都与兼容性有关，因为大多数 Angular 相关的软件包都期望版本 10 <= @angular/core <12。这可以根据具体情况进行处理，例如更新这些包

   \n
\n

\n