首次安装Angular CLI报错：uglifyjs-webpack-plugin@0.4.6 postinstall脚本失败

嗨，咱们来一步步拆解你遇到的Failed at the uglifyjs-webpack-plugin@0.4.6 postinstall script报错，然后带你搞定Windows 7下Angular的安装问题～

报错原因是什么？ #

你碰到的这个错误主要和这几个点有关：

• 版本兼容性不匹配：你的Node.js是v8.10.0、npm是5.7.1，而uglifyjs-webpack-plugin@0.4.6的部分依赖和这个版本组合存在兼容问题，尤其是postinstall阶段的脚本执行逻辑。另外，直接执行npm install -g @angular/cli会默认拉取最新版CLI，但最新版CLI已经不再支持Node.js 8，这种版本不匹配间接触发了插件报错。
• Windows权限不足：全局安装npm包（带-g参数）需要管理员权限，如果你的命令提示符不是以管理员身份运行，可能会出现文件写入失败，中断postinstall脚本的执行。
• 缺少编译依赖：uglifyjs-webpack-plugin的部分底层依赖需要通过node-gyp编译，Windows下编译必须要有Python 2.7、Visual Studio Build Tools这些环境，没配置的话编译失败就会触发报错。
• npm缓存损坏：之前的npm缓存里可能有损坏的文件，导致安装时包的下载或解压出现异常。

Windows 7下Angular的正确安装步骤 #

1. 先清理缓存并准备编译环境 #

• 首先清理npm缓存，避免损坏的文件干扰安装：

  npm cache clean --force
  

• 安装Windows编译依赖（解决node-gyp编译问题）：
  打开管理员模式的命令提示符，执行下面的命令，它会自动安装Python 2.7和Visual Studio Build Tools，安装过程可能需要几分钟，耐心等它完成：

  npm install -g windows-build-tools
  

2. 务必用管理员身份运行命令提示符 #

右键点击命令提示符，选择「以管理员身份运行」，这能避免权限不足导致的文件写入失败问题。

3. 安装和你Node版本兼容的Angular CLI #

因为你的Node.js是v8.10.0，不能装最新版CLI（最新版需要Node.js 14+），得指定兼容的版本安装，比如Angular CLI 6.2.9或者7.3.9，这两个版本都支持Node.js 8：

# 安装CLI 6.2.9版本
npm install -g @angular/cli@6.2.9

如果这个版本还是有问题，试试7.3.9：

npm install -g @angular/cli@7.3.9

4. 验证安装是否成功 #

安装完成后，执行下面的命令检查CLI版本：

ng version

如果能正常输出Angular CLI的版本信息，说明安装成功啦。

5. （可选）用国内镜像加速安装 #

如果网络不好导致包下载慢或者失败，可以切换到淘宝npm镜像：

npm config set registry https://registry.npm.taobao.org

之后再执行安装命令，速度会快很多。

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