如何将Ionic Cordova 3迁移到Ionic Cordova 5？

Question

我有Ionic 3项目，我必须升级到Ionic 5。请最好的方法来升级项目。

Answer 1

您可以通过两个步骤进行操作。

Ionic 3至Ionic 4

有关从Ionic 3到Ionic 4的重大更改的完整列表，请参阅离子库中的the breaking changes document。

在Ionic 4中，程序包名称为@ionic/angular。卸载Ionic 3并使用新的程序包名称安装Ionic 4：

npm uninstall ionic-angular
npm install @ionic/angular

将现有应用程序从Ionic 3迁移到4时的一般过程：

1. [使用blank启动器生成新项目（请参见Starting an App）

2. 将任何Angular服务从src/providers复制到src/app/services

   • [服务应在{ providedIn: 'root' }中包含@Injectable()装饰。有关详细信息，请参见角度provider docs。

3. 复制应用程序的其他根级项目（管道，组件等）请记住，目录结构从src/components至src/app/components等

4. 将全局Sass样式从src/app/app.scss复制到src/global.scss

5. 复制应用程序的其余部分，逐页或按功能复制功能，请牢记以下几点：

   • 默认情况下，模拟阴影DOM是打开的
   • 页面/组件Sass应该不再包装在页面/组件标签中，而应使用styleUrls装饰器的Angular的@Component选项
   • RxJS已从v5更新到v6（请参见RxJS Changes）
   • 某些生命周期挂钩应替换为Angular的挂钩（请参阅Lifecycle Events）
   • 可能需要更改标记（可用的迁移工具，请参见Markup Changes）>>

[在许多情况下，使用Ionic CLI生成新对象然后复制代码也很好。例如：ionic g service weather将创建外壳程序Weather服务并进行测试。然后可以根据需要从较旧的项目中复制代码，并进行较小的修改。这有助于确保遵循正确的结构。这也会生成用于单元测试的外壳。

Ionic 4至Ionic 5

将应用程序从4.x迁移到5.x要求对API属性，CSS实用程序和已安装的程序包依赖项进行一些更新。

有关从4.x到5.x的重大更改的完整列表，请参阅Ionic核心存储库中的the breaking changes document。>>

对于基于Angular的项目，您可以简单地运行：

npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save
有关其他信息和说明，请检查Migration Guide。