安装@angular/cli或创建React项目时npm无限挂起，如何解决？

针对Windows 10环境下npm安装@angular/cli或创建React项目时无限停滞的问题，以下是针对性的排查和解决方法：

1. 重置npm网络配置 #

网络代理或镜像源异常是这类问题的常见诱因，执行以下命令清理并重新配置：

• 清除可能存在的代理设置：

  npm config delete proxy
  npm config delete https-proxy
  

• 切换到国内镜像源提升下载稳定性：

  npm config set registry https://registry.npmmirror.com/
  

配置完成后重新执行安装命令测试。

2. 临时禁用SSL严格检查 #

部分网络环境下SSL证书验证会导致流程卡住，可临时关闭该校验：

npm config set strict-ssl false

注意：问题解决后建议执行npm config set strict-ssl true恢复默认设置，保障安全性。

3. 启用verbose模式定位卡住环节 #

通过详细日志查看停滞的具体步骤，在安装命令后添加--verbose参数：

npm install -g @angular/cli --verbose
# 创建React项目时可执行
npx create-react-app my-app --verbose

日志会显示当前执行的操作（如下载特定包、校验依赖等），帮助精准定位问题点。

4. 验证Node.js/npm环境变量 #

确保Node.js和npm的路径已正确加入系统PATH：

• 打开「系统属性」→「高级」→「环境变量」
• 检查系统变量PATH中是否包含C:\Program Files\nodejs\（默认安装路径）
• 检查用户变量PATH中是否包含C:\Users\[你的用户名]\AppData\Roaming\npm
  若路径缺失，手动添加后重启终端再测试。

5. 尝试替代包管理器 #

使用pnpm或yarn替代npm，避开npm底层的潜在问题：

• 安装并使用pnpm：

  npm install -g pnpm
  pnpm add -g @angular/cli
  

• 安装并使用yarn创建React项目：

  npm install -g yarn
  yarn create react-app my-app
  

6. 排查虚拟环境干扰 #

若曾使用WSL或其他虚拟环境，确认当前终端运行在原生Windows环境下，避免虚拟环境的路径或配置冲突。

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