带 Angular 的 Ionic 4：有可用的升级指南吗？答案

【问题标题】：Ionic 4 with Angular: Any Upgrade Guidelines available?带 Angular 的 Ionic 4：有可用的升级指南吗？
【发布时间】：2019-10-22 13:53:55
【问题描述】：

我想将基于 Ionic 框架的 Angular 应用升级到 Angular 8.x。

是否有升级 Ionic 应用程序的官方指南？
ionic CLI 在升级过程中是否支持开发人员（如 Angular cli）？
离子框架是否支持ng update？

当前版本：

下面的输出由ionic info生成（在项目文件夹中执行）：

离子：

   Ionic CLI                     : 5.4.1 (C:\ProgramData\nvm\v10.15.0\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.9.0
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.3.8
   @angular/cli                  : 7.3.8
   @ionic/angular-toolkit        : 1.5.1

科尔多瓦：

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.0.1, (and 8 other plugins)

实用程序：

   cordova-res : not installed
   native-run  : 0.2.8

系统：

   NodeJS : v10.15.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.4.1
   OS     : Windows 10

感谢您的帮助！

【问题讨论】：

Ionic 4 & Angular 8 论坛和将 Ionic 更新到 Angular 8 (Google Docs) 终于在更新到 Angular 8 的过程中支持了我。forum.ionicframework.com/t/ionic-4-angular-8/167535 docs.google.com/document/d/…

标签： angular ionic-framework upgrade

【解决方案1】：

这是将 Ionic 4 升级到 Angular 8 的半官方指南（由 Ionic 团队的 Mike Hartington 发布）： https://docs.google.com/document/d/1QOpQeDifPSg6F9WycDLcbQnpqjN96ew-Ap0_CB7CcCQ

我刚试了一下，效果很好。

将 Ionic 更新到 Angular 8

将@ionic/angular 和@ionic/angular-toolkit 更新到最新版本
npm install @ionic/angular@4.7.0
npm install @ionic/angular-toolkit@2.0.0 -D
从这里我们可以运行以下命令
npx ng update @angular/core @angular/cli
现在大部分包都应该更新了，为了确定，我们也需要更新这些

使用
安装最新的 Angular devkit 更新
npm i @angular-devkit/architect@latest @angular-devkit/build-angular@latest @angular-devkit/core@latest @angular-devkit/schematics@latest
或者如果你在 mac/linux 上
npm i @angular-devkit/{architect,build-angular,core,schematics}@latest
潜在问题
旧版本的 Angular CLI 中存在一个已知错误，该错误将导致更新命令停止运行，并且出口。如果您遇到此问题，请查看此问题并使用下面的命令。

https://github.com/angular/angular-cli/issues/14589
npx ng update @angular/core
npx ng update --allow-dirty @angular/core --from 7 --to --migrate-only

ng update @angular/cli --allow-dirty
ng update @angular/cli --allow-dirty --from 7 --to 8 --migrate-only
Angular CLI 将尝试安装一个已知错误 Angular 8.2.0-下一个。如果您遇到这种情况，请查看此问题并使用以下命令：

https://github.com/angular/angular-cli/issues/14980
npm install @angular/cli@latest
npx ng update @angular/core
请注意，这会让您先更新 Angular CLI，然后再更新角核心。从这里，您可以继续剩下的上面指南中的命令。

如果您遇到任何问题，请在 Ionic 上打开一个新问题带有详细重现步骤的 repo： https://github.com/ionic-team/ionic/issues

【讨论】：