Angular 5使用ngx-intl-tel-input遇StaticInjectorError错误求助

看起来你遇到的问题是因为 ngx-intl-tel-input 依赖的 ngx-bootstrap 组件没有被正确配置，导致 ComponentLoaderFactory 这个核心服务找不到对应的提供者。下面是一步步的解决方法：

1. 确保已安装 ngx-bootstrap 依赖 #

ngx-intl-tel-input 内部依赖 ngx-bootstrap 的下拉组件实现国家选择功能，如果你还没安装它，先执行安装命令：

npm install ngx-bootstrap --save

注意：要根据你的 Angular 版本选择匹配的 ngx-bootstrap 版本（比如 Angular 16 对应 ngx-bootstrap v12.x，Angular 15 对应 v11.x），版本不兼容也会引发类似错误。

2. 正确导入必要的模块 #

除了你已经导入的 NgxIntlTelInputModule 和 BsDropdownModule.forRoot()，还需要补充两个关键配置：

• 在**根模块（AppModule）**中导入 BrowserAnimationsModule（ngx-bootstrap 的下拉组件依赖动画模块）
• 确保 BsDropdownModule 是从 ngx-bootstrap/dropdown 路径正确导入

修改后的根模块代码示例：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; // 新增动画模块
import { NgxIntlTelInputModule } from 'ngx-intl-tel-input';
import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; // 确认导入路径

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule, // 加入动画模块
    NgxIntlTelInputModule,
    BsDropdownModule.forRoot() // 根模块使用forRoot()初始化
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

如果是在懒加载模块中使用 ngx-intl-tel-input，只需要导入 BsDropdownModule（不需要 forRoot()）：

import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
import { NgxIntlTelInputModule } from 'ngx-intl-tel-input';

@NgModule({
  imports: [
    // ...其他模块
    BsDropdownModule,
    NgxIntlTelInputModule
  ]
})
export class LazyLoadedModule { }

3. 清理缓存并重启项目 #

有时候缓存会导致模块未正确加载，执行以下命令清理后重启项目：

npm clean --force
rm -rf node_modules package-lock.json # 若使用yarn则删除yarn.lock
npm install
ng serve --open

4. 检查版本兼容性 #

如果以上步骤无效，确认 ngx-intl-tel-input、ngx-bootstrap 和你的 Angular 版本是否匹配：

• Angular 14+ 对应 ngx-intl-tel-input v7.x+、ngx-bootstrap v10.x+
• Angular 12-13 对应 ngx-intl-tel-input v6.x+、ngx-bootstrap v9.x+

版本对齐后重新安装依赖，问题大概率能解决。

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