Angular项目执行npm install --force时终端卡住问题求助

环境信息 #

• Node.js版本：v18.12.1
• npm版本：8.19.2

项目依赖配置 #

"dependencies": {
    "@angular/animations": "^15.0.0",
    "@angular/common": "^15.0.0",
    "@angular/compiler": "^15.0.0",
    "@angular/core": "^15.0.0",
    "@angular/forms": "^15.0.0",
    "@angular/platform-browser": "^15.0.0",
    "@angular/platform-browser-dynamic": "^15.0.0",
    "@angular/pwa": "^15.0.1",
    "@angular/router": "^15.0.0",
    "@asymmetrik/ngx-leaflet": "^14.0.1",
    "@fortawesome/fontawesome-free": "^6.2.0",
    "@fortawesome/fontawesome-svg-core": "^6.2.0",
    "@mirei/leaflet-semicircle-ts": "^1.0.6",
    "@types/leaflet.fullscreen": "^1.6.1",
    "bootstrap": "^5.2.2",
    "chart.js": "^2.9.3",
    "http-server-pwa": "^2.1.0",
    "jquery": "^3.6.1",
    "leaflet": "^1.8.0",
    "leaflet.fullscreen": "^2.4.0",
    "ng2-charts": "^2.2.3",
    "numeral": "^2.0.6",
    "rxjs": "~7.5.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4"
  },

终端卡顿截图 #

解决步骤 #

• 终止当前卡顿进程，清理缓存后重试：

  1. 按Ctrl+C终止安装进程
  2. 执行npm cache clean --force清除npm缓存
  3. 删除项目根目录下的node_modules文件夹和package-lock.json文件
  4. 优先执行npm install，非必要不要用--force，强制安装易引发后续版本冲突问题

• 切换npm镜像源：
  国内环境默认npm源速度慢易卡顿，切换到国内镜像：

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

  切换后重新执行npm install

• 适配Angular 15调整Node.js版本：
  Angular 15官方推荐Node.js版本为14.20.x、16.13.x或18.10.x及以上，可尝试降级到18.10.0版本（用nvm管理版本更便捷）

• 用pnpm替代npm安装：
  pnpm安装速度更快、缓存机制更高效，先全局安装pnpm：

  npm install -g pnpm
  

  再执行pnpm install完成依赖安装

• 检查网络稳定性：
  确保网络连接稳定，优先使用有线网络，避免因网络波动导致安装停滞

内容的提问来源于stack exchange，提问作者ٍSofyan Mahmoud