安装@angular/cli时出现FETCH_ERROR错误，求助排查方案

问题详情 #

执行全局安装命令：

npm i -g @angular/cli

触发以下错误：

npm ERR! code FETCH_ERROR
npm ERR! errno FETCH_ERROR
npm ERR! invalid json response body at https://skimdb.npmjs.com/registry/@angular%2fcli reason: Unexpected token < in JSON at position 0

完整错误日志可查看：C:\Users\user\AppData\Local\npm-cache\_logs\2023-04-16T16_53_57_639Z-debug-0.log

怀疑诱因：AppData/Roaming目录下缺失npm-cache文件夹（该目录下已存在npm文件夹）

解决方法 #

1. 强制清理npm缓存后重装 #

执行缓存清理命令（即使缓存目录缺失也能正常执行）：

npm cache clean --force

清理完成后重新执行安装命令：

npm i -g @angular/cli

2. 手动创建缺失的npm-cache目录 #

若清理缓存后问题仍存在，手动补全目录：

• 打开文件资源管理器，定位到C:\Users\user\AppData\Roaming
• 新建文件夹并命名为npm-cache
• 再次运行安装命令

3. 切换npm镜像源 #

报错中的skimdb.npmjs.com为旧版npm镜像，可能存在访问异常，切换至稳定镜像：

# 切换到国内npmmirror镜像
npm config set registry https://registry.npmmirror.com/
# 或切换至npm官方镜像
npm config set registry https://registry.npmjs.org/

设置完成后重新执行安装操作。

4. 验证网络连通性 #

在浏览器中打开https://registry.npmjs.org/@angular/cli，确认页面返回正常的JSON数据，排除网络或镜像地址访问故障。

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