如何将ionic 3源直接升级为ionic 5?

问题描述

我已经在 Ionic 3 项目上工作了将近 2 年,现在担心升级到具有 n 个功能代码逻辑更新(尤其是路由)的 Ionic 5 或 6,所以请让我知道如何从Ionic3 到 5 或 6,无需从头开始创建新项目。

提前致谢

解决方法

您不会直接找到此解决方案。我将指导您如何实现它。对于 Ionic 5,6,您将需要更新的节点版本。所以 NVM 会处理它。

https://ionicframework.com/docs/v3/developer-resources/using-nvm/#:~:text=With%20nvm%20you%20can%20install,installed%20for%20different%20node%20versions

在这里您将获得 nvm 安装指南。

你要做的是让 nvm 控制现有的节点版本并安装一个更新的版本。因此,使用 nvm use 12.19.0 示例会将系统置于新的节点环境中,您将在其中安装 ionic 和cordova 最新版本。

如果你想使用旧的 ionic 而不是 nvm 使用 oldversion 而不是通常使用旧的命令。记住新节点不支持旧节点,低节点不支持新节点

一旦你有了这个设置。对于每个组件说示例 home from ionic 3 您需要在 ionic 5/6 上创建一个新的主页组件。然后将 html,ts,scss 文件从 ionic 3 复制到 5/6。如果出现问题,您需要做一个简短的研究。这就是你必须这样做的方式。

对于 3 中的提供者,您将拥有新的 ionic 版本的服务和其中的复制功能。请记住,您不能复制粘贴整个页面,但可以复制粘贴函数、构造函数等内容。