使用ngx-bootstrap下拉组件报No provider for BsDropdownConfig错误

问题修复方案 #

该报错是BsDropdown的全局配置未被正确注入导致，按以下步骤排查修复即可：

• 第一步确认导入路径正确，必须从ngx-bootstrap/dropdown导入相关依赖，错误路径会导致forRoot方法无法正常注册全局配置：

// app.module.ts 头部导入语句
import { BsDropdownModule, BsDropdownConfig } from 'ngx-bootstrap/dropdown';

• 确认AppModule的imports数组中已经添加BsDropdownModule.forRoot()，如果是在子功能模块中使用下拉组件，子模块的imports数组仅需导入BsDropdownModule即可，不要重复调用forRoot方法。
• 若上述配置无误仍存在报错，可手动在AppModule的providers数组中添加BsDropdownConfig的全局提供：

@NgModule({
  imports: [
    // 其他项目依赖
    BsDropdownModule.forRoot()
  ],
  providers: [
    // 其他全局服务/配置
    BsDropdownConfig
  ],
  // 其余NgModule配置
})
export class AppModule { }

• 额外排查点：确认当前安装的ngx-bootstrap版本与项目Angular大版本匹配，版本不兼容也会引发依赖注入异常。

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