Angular卸载重装异常:卸载v9后安装v14仍显示v9且报错
Angular CLI 版本残留及安装异常的原因与解决方法
可能的原因
- 全局CLI未彻底卸载:
npm uninstall -g @angular/cli可能没删除系统中ng的可执行文件,或是存在多个全局安装位置(比如nvm管理的不同Node版本、系统级与用户级npm目录) - 本地项目干扰:当前目录下的旧项目中
node_modules或package-lock.json残留了Angular 9的CLI依赖,执行ng version时会优先读取本地版本 - npm缓存清理不彻底:
npm cache clean --force可能未完全清除缓存中的旧版本包,导致安装时拉取了残留文件 - 环境变量路径问题:系统PATH仍指向旧版本CLI的安装目录,调用
ng命令时触发了旧版本
解决步骤
彻底清理全局CLI
- 先确认全局CLI的安装位置:
npm list -g @angular/cli - 若仍能看到旧版本,手动删除对应目录:Windows下删除
%APPDATA%\npm\node_modules\@angular,macOS/Linux下删除/usr/local/lib/node_modules/@angular - 删除
ng可执行文件:Windows删除%APPDATA%\npm\ng.cmd和%APPDATA%\npm\ng.ps1;macOS/Linux删除/usr/local/bin/ng
- 先确认全局CLI的安装位置:
清理本地项目残留
- 进入旧项目目录,删除
node_modules、package-lock.json(若不需要保留项目配置可一并删除angular.json) - 如需保留项目,执行
npm install重新安装依赖;或直接切换到空目录再检查版本
- 进入旧项目目录,删除
彻底清理npm缓存
- 除执行
npm cache clean --force,还可手动删除缓存目录:# Windows rmdir /s %LOCALAPPDATA%\npm-cache # macOS/Linux rm -rf ~/.npm
- 除执行
重新安装指定版本CLI
- 切换到空目录执行安装命令:
npm install -g @angular/cli@14.0.6 - 安装完成后执行
ng version检查版本,同时确认Node版本符合Angular 14要求(需Node 14.15+或16.x)
- 切换到空目录执行安装命令:
检查环境变量
- 确认系统PATH中npm全局目录的优先级,确保新安装CLI的所在目录在PATH前列
- 若使用nvm,切换到对应Node版本后重新安装CLI
内容的提问来源于stack exchange,提问作者Alonso Contreras
相关产品推荐
相关产品推荐

