Angular项目安装ngx-bootstrap时遭遇模块缺失错误的解决求助

这个错误大概率是Angular版本与ngx-bootstrap的schematics工具版本不兼容导致的——新版本Angular的schematics目录结构发生了变化，而你安装的ngx-bootstrap版本还在依赖旧的路径。下面是几个可行的解决办法：

方法1：指定与Angular版本兼容的ngx-bootstrap版本安装 #

首先用命令查看你的Angular版本：

ng version

对照版本兼容关系（比如Angular 16对应ngx-bootstrap 12.x，Angular 15对应11.x，Angular 14对应10.x，以此类推），手动安装兼容版本，跳过ng add的自动配置：

npm install ngx-bootstrap@<对应兼容版本号> --save

之后手动完成配置：

• 在angular.json的styles数组中添加ngx-bootstrap依赖的Bootstrap样式：

  "styles": [
    "node_modules/bootstrap/dist/css/bootstrap.min.css",
    // 你的其他项目样式文件
  ]
  

• 在需要使用组件的模块中导入对应的ngx-bootstrap模块，比如要用到模态框组件：

  import { ModalModule } from 'ngx-bootstrap/modal';
  
  @NgModule({
    imports: [
      ModalModule.forRoot(),
      // 其他项目模块
    ]
  })
  export class AppModule { }
  

方法2：更新Angular schematics相关依赖 #

尝试更新你的schematics工具到最新版本，可能修复路径匹配问题：

npm install @angular-devkit/schematics@latest @schematics/angular@latest --save-dev

更新完成后再重新执行：

ng add ngx-bootstrap

方法3：直接使用npm安装并手动配置（最稳妥） #

如果上面两种方法都不行，完全跳过ng add，直接用npm安装后手动配置所有内容，步骤和方法1一致，这样可以彻底避开schematics工具的兼容性问题。

内容的提问来源于stack exchange，提问作者Rubén Fernandez de Castro