Angular 5项目报错TS2307：找不到@ng-bootstrap/ng-bootstrap模块

嘿，我看了你遇到的问题——明明已经在项目里加了NG Bootstrap依赖，但TypeScript一直报找不到模块的错误，而且升级Angular CLI也没解决。结合你的配置文件，我给你整理了几个针对性的解决步骤：

1. 彻底重装依赖，排除安装不完整问题 #

有时候npm的缓存或网络波动会导致依赖包下载不完整，这是这类问题最常见的诱因。你可以按以下步骤操作：

• 删除项目根目录的node_modules文件夹：

  # macOS/Linux 系统
  rm -rf node_modules
  # Windows 系统
  rmdir /s/q node_modules
  

• 清除npm缓存：

  npm cache clean --force
  

• 重新安装所有依赖：

  npm install
  

2. 降级Angular CLI到适配Angular 5的版本 #

你的项目是Angular 5，但DevDependencies里的Angular CLI是6.0.1——这个版本是对应Angular 6的，和Angular 5搭配会存在兼容性冲突，这很可能是你升级CLI后问题依然存在的核心原因。建议把CLI降级到Angular 5对应的稳定版本：

npm install @angular/cli@1.7.4 --save-dev

安装完成后，重新执行一次依赖安装，再启动项目试试。

3. 配置TypeScript模块解析路径（可选） #

如果上面两步都没解决问题，你可以检查项目根目录的tsconfig.json，通过添加路径映射强制TypeScript找到NG Bootstrap的位置：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@ng-bootstrap/ng-bootstrap": ["node_modules/@ng-bootstrap/ng-bootstrap"]
    }
  }
}

4. 重启编辑器与开发服务 #

有时候IDE（比如VS Code）的缓存会导致模块无法被识别，你可以试试：

• 完全关闭并重启你的编辑器
• 停止当前运行的ng serve服务，重新启动

补充说明：你使用的@ng-bootstrap/ng-bootstrap@1.1.2版本是完全兼容Angular 5的，版本本身没有问题，重点还是放在依赖安装完整性和CLI版本匹配上。

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