You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

npm i bootstrap命令安装Bootstrap失败,未更新package.json及node_modules

解决npm安装Bootstrap失败的问题

排查与解决步骤:

  • 先查看终端错误信息:执行npm i bootstrap时,终端会输出具体报错内容,这是定位问题的核心依据,比如网络超时、版本不兼容、权限不足、缓存损坏等都可能是诱因。
  • 指定兼容版本安装:你当前使用Angular 16,Bootstrap 5.x版本完全适配,若安装最新版出现问题,可尝试指定稳定版本:npm i bootstrap@5.3.2
  • 清理npm缓存:缓存损坏会导致安装异常,执行npm cache clean --force,之后重新运行安装命令。
  • 解决权限问题:
    • Linux/macOS:如果提示权限不足,可执行sudo npm i bootstrap(不建议长期依赖sudo,最好配置npm全局目录权限避免权限问题)
    • Windows:右键终端选择「以管理员身份运行」后,再执行安装命令
  • 切换npm源:国内网络访问官方源可能不稳定,切换到国内镜像源:npm config set registry https://registry.npmmirror.com,之后再尝试安装Bootstrap
  • 重置依赖环境:删除项目中的node_modules文件夹和package-lock.json文件,先执行npm install恢复原有依赖,再运行npm i bootstrap

当前项目依赖项:

"dependencies": {
    "@angular/animations": "^16.2.0",
    "@angular/common": "^16.2.0",
    "@angular/compiler": "^16.2.0",
    "@angular/core": "^16.2.0",
    "@angular/forms": "^16.2.0",
    "@angular/platform-browser": "^16.2.0",
    "@angular/platform-browser-dynamic": "^16.2.0",
    "@angular/router": "^16.2.0",
    "rxjs": "~7.8.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.13.0"
  },

内容的提问来源于stack exchange,提问作者Ishani Samaraweera

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.09 00:38:23