logo标签列表

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

ionic-frameworkionic3ionic5
7

我正在进行一个Ionic 3项目，并且必须要升级到Ionic 5。请问有最佳的升级方式吗？

1个回答
9

您可以分两步完成。

Ionic 3 升级到 Ionic 4

有关 Ionic 3 升级到 Ionic 4 的所有重大更改的完整列表，请参阅 Ionic 核心存储库中的重大更改文档。

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

npm uninstall ionic-angular
npm install @ionic/angular

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

  1. 使用 blank 起始器（参见开始应用程序）生成一个新项目

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

    • 服务应在 @Injectable() 装饰器中包含 { providedIn: 'root' }。有关详细信息，请参见 Angular 提供者文档。

  3. 复制应用程序的其他根级项目（管道、组件等），注意目录结构从 src/components 更改为 src/app/components 等。

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

  5. 逐页或按特性复制其余应用程序，注意以下事项：

    • 默认情况下启用了模拟阴影 DOM
    • 页面/组件 Sass 不再包装在页面/组件标记中，而应使用 Angular 的 @Component 装饰器的 styleUrls 选项
    • RxJS 已从 v5 更新到 v6（请参见 RxJS 变更）
    • 应该使用 Angular 的生��周期钩子替换某些生命周期钩子（请参见 生命周期事件）
    • 可能需要进行标记更改（可用迁移工具，请参见 标记变更）
在许多情况下，使用Ionic CLI生成新对象并复制代码也非常有效。例如：ionic g service weather将创建一个Weather服务和测试的外壳。然后可以从旧项目中复制代码，并根据需要进行微小修改。这有助于确保遵循正确的结构。这还会为单元测试生成外壳。 Ionic 4到Ionic 5 将应用程序从4.x迁移到5.x需要对API属性、CSS实用工具和已安装的软件包依赖项进行一些更新。
有关从4.x到5.x的所有重大更改的完整列表，请参阅Ionic核心存储库中的破坏性更改文档。
对于基于Angular的项目，您只需运行：
npm install @ionic/angular@latest @ionic/angular-toolkit@latest --save

如需更多信息和说明，请查看迁移指南。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接