Angular CLI与Angular 13版本不兼容报错该如何修复
Angular版本兼容性报错修复方案
此版本的CLI仅兼容Angular版本 ^11.0.0-next || >=11.0.0 <12.0.0,但当前检测到的Angular版本为13.0.0。
该报错核心原因是当前使用的Angular CLI大版本为11,和项目中安装的13版Angular核心包不匹配,可根据开发需求任选以下一种方案修复:
方案1:升级Angular CLI到13.x版本(推荐,适配高版本Angular特性)
- 全局卸载旧版CLI:
npm uninstall -g @angular/cli - 进入项目根目录,卸载本地项目中的旧版CLI:
npm uninstall @angular/cli - 清除npm缓存避免残留文件干扰:
npm cache clean --force - 全局安装适配Angular13的CLI版本:
npm install -g @angular/cli@13 - 项目本地安装对应版本CLI:
npm install @angular/cli@13 --save-dev - 执行
ng version命令,确认CLI与Angular核心版本均为13.x区间即修复完成。
方案2:降级Angular核心包到11.x版本(适配现有CLI版本)
- 进入项目根目录,卸载现有高版本Angular核心依赖:
npm uninstall @angular/core @angular/common @angular/compiler @angular/animations @angular/forms @angular/platform-browser @angular/platform-browser-dynamic @angular/router
- 安装11.x版本的Angular核心依赖:
npm install @angular/core@11 @angular/common@11 @angular/compiler@11 @angular/animations@11 @angular/forms@11 @angular/platform-browser@11 @angular/platform-browser-dynamic@11 @angular/router@11 --save
- 删除项目根目录下的
node_modules文件夹和package-lock.json文件,重新执行npm install安装依赖,重启项目后报错即可消失。
注意事项
- 操作前建议备份
package.json文件,避免依赖改动后无法回滚 - 若项目使用了Angular生态第三方组件(如Angular Material、ng-zorro等),需同步调整其版本与最终选用的Angular大版本匹配,避免出现新的兼容性问题。
内容的提问来源于stack exchange,提问作者ASWIN S
相关产品推荐
相关产品推荐

