ng test测试动态创建组件的服务时，提示titlecase pipe未找到

云上老周

2026-8-12

解决动态组件服务测试中找不到titlecase管道的问题

可能的原因及对应解决方法

1. 测试模块未声明目标组件

如果你的服务是动态创建预先定义的组件（组件不是在服务内动态生成的），在service.spec.ts的TestBed.configureTestingModule中，除了导入CommonModule，还需要将该组件添加到declarations数组中：

TestBed.configureTestingModule({
  imports: [CommonModule],
  declarations: [YourTargetComponent], // 声明服务要创建的组件
  providers: [YourDynamicCreationService]
});

2. 动态生成的模块未导入CommonModule

如果服务是在内部动态生成组件和对应模块（比如通过Compiler.compileModuleAndAllComponentsAsync），即使测试模块导入了CommonModule，动态生成的模块本身也需要显式导入CommonModule——这一步应用运行正常时应该已经做了，但要确保测试时服务的逻辑没有被错误mock：

// 服务内部的动态模块代码示例（需确保已导入CommonModule）
@NgModule({
  declarations: [DynamicComponent],
  imports: [CommonModule] // 必须添加这行，否则模板找不到titlecase管道
})
class DynamicModule {}

3. 测试时未正确使用TestBed的依赖注入

确保在测试中通过TestBed.inject()获取服务实例，而不是直接实例化服务，这样服务才能使用测试模块中配置的CommonModule和组件工厂：

let service: YourDynamicCreationService;
beforeEach(() => {
  TestBed.configureTestingModule({
    imports: [CommonModule],
    declarations: [YourTargetComponent]
  });
  service = TestBed.inject(YourDynamicCreationService);
});