Mac安装旧版Angular CLI异常：显示6.0.3版本及@angular-devkit/core错误求助

我之前帮不少开发者排查过类似的问题，结合你的环境（npm 6.0.1 + Node v8.11.2），主要是这几个原因在搞鬼，给你一步步拆解解决办法：

核心原因分析 #

• 全局CLI缓存残留：npm的全局缓存可能还存着旧的6.0.3版本，你安装新的旧版本后，系统还是优先调用缓存里的版本。
• 本地项目依赖干扰：如果你在某个Angular项目目录下执行安装命令，本地项目的CLI依赖可能会覆盖全局版本；而且旧版CLI和@angular-devkit/core的版本兼容性要求很严格，版本不匹配就会直接报错。
• npm版本兼容性限制：npm 6.0.1的依赖解析逻辑和新版本不同，对旧版Angular CLI的依赖处理容易出现版本不兼容的情况。

分步解决方案 #

1. 彻底清理全局Angular CLI残留 #

首先要把全局的旧版本CLI完全清掉，不然新安装的版本会被覆盖：

# 卸载全局Angular CLI
npm uninstall -g @angular/cli
# 强制清理npm缓存
npm cache clean --force

清理完后，检查是否还有残留的ng命令：

# Mac/Linux用户执行这个
which ng
# Windows用户执行这个
where ng

如果输出了具体路径，直接手动删除对应的文件和文件夹，确保彻底清除旧版本的残留。

2. 安装指定版本的Angular CLI #

现在安装你需要的旧版本，一定要明确指定版本号（比如我以5.2.11为例，你换成自己实际需要的版本）：

npm install -g @angular/cli@5.2.11

注意：Node v8.11.2兼容Angular CLI 5.x到7.x版本，别选太老（比如4.x）或太新（比如8+）的版本，避免额外的兼容问题。

3. 修复@angular-devkit/core版本错误 #

如果安装时还是出现devkit的版本错误，试试加--force参数强制安装兼容的依赖版本：

npm install -g @angular/cli@你的目标版本 --force

要是你是在本地项目里遇到这个问题，就进入项目目录，执行以下操作：

# 删除本地依赖文件夹和锁文件
rm -rf node_modules package-lock.json
# 安装对应版本的本地CLI依赖
npm install @angular/cli@你的目标版本 --save-dev
# 重新安装所有项目依赖
npm install

4. 验证安装结果 #

最后运行命令确认版本是否正确：

ng --version

如果显示的是你安装的目标版本，而且@angular-devkit/core的版本和CLI版本匹配，就说明问题解决了。

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