Ionic 6，将Angular版本从13升级到15

Question

我有一个Ionic 6应用6个多月了，它使用的是Angular 13，现在当我想安装一些npm包时，它们与Angular 15兼容了。例如:

npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: questions@0.0.1
npm ERR! Found: @angular/common@13.0.3
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"~13.0.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@"^15.0.0" from ngx-socket-io@4.4.0

有没有办法把Ionic 6升级到使用Angular 15版本?

Answer 1

运行命令ng update，它将为您更新。首先，通过提交或存储您的更改(如果使用版本控制)来确保您的存储库是干净的。

Answer 2

需要逐步更新。所以会从13-14-15等等…ng更新在每一步中，使用。

检查未过期的包。npm过时的

如果您想使用特定版本的软件包而不更新它们(不推荐)，请使用命令

npm install—legacy-peer-deps

注意:15有重大变化。我的上一个项目从14到15失败了，不得不回滚它，以花费时间进行手动更改。

Answer 3

正如在其他评论中提到的，你必须一步一步地升级。您可以查看此页面https://update.angular.io，以查看是否需要对代码进行任何更新。

如果你有依赖并想要更新它们，你可以进入它们的github页面(如果你不知道仓库是什么，你可以通过npm页面进行)，并在package.json中检查它们使用的是哪个angular版本。如果实际的代码版本使用的是你想要的angular版本，你可以使用:

ng update @angular-eslint/builder@latest

这是针对@angular-eslint的情况。

如果你想让实际的package.json有一个你不想要的版本——假设你没有更新到最新版本的angular或以前的版本——你可以检查CHANGELOG，看看哪个版本的包支持你的angular版本，然后做:

ng update @angular-eslint/builder@<version>

如果你没有CHANGELOG文件，那么试着检查package.json历史记录，以便检查这个包何时使用你的angular版本，从而选择正确的包版本。

希望对你有帮助。