Angular/Ionic升级后执行ionic g page命令报错的解决求助

问题说明 #

升级Angular到14、Ionic到5/6后，执行ionic g page [PATH]时出现两个关键问题：

'[ABSOLUTE_PATH]\node_modules@ionic\angular-toolkit\schematics\page\schema.json'中的'path'选项使用了已弃用的行为，应改用'workingDirectory'智能默认提供程序。

validation_1.validateName is not a function
[ERROR] Could not generate page.

问题根源 #

从提供的package.json来看，核心冲突点有两个：

• 项目依赖里的旧版ionic（4.1.2）与当前Angular 14、Ionic 6环境不兼容
• @ionic/angular-toolkit版本（2.3.3）过于老旧，不支持Angular 14的Schematics校验API

修复步骤 #

1. 更新全局Ionic CLI #

卸载旧版全局CLI，安装适配Angular 14的最新稳定版：

npm uninstall -g ionic
npm install -g @ionic/cli@latest

2. 升级项目内的@ionic/angular-toolkit #

移除旧版工具包，安装兼容Angular 14的版本：

npm uninstall @ionic/angular-toolkit
npm install @ionic/angular-toolkit@9.0.0 --save-dev

3. 清理依赖并重新安装 #

删除旧依赖文件和锁文件，避免缓存冲突：

rm -rf node_modules package-lock.json
npm install

4. 测试修复 #

执行创建页面命令验证：

ionic g page test-page

额外优化建议 #

• 可以删除package.json的dependencies中的ionic依赖项，全局CLI已满足使用需求，保留旧版易引发版本冲突
• 确保@angular/cli和@angular-devkit/*系列依赖版本一致（当前均为14.2.5，无需调整）

内容的提问来源于stack exchange，提问作者Simple Dev