Angular测试报NG0302找不到'keyvalue'管道，导入CommonModule仍无效怎么办

• 修正TestBed配置中组件的归属
  你当前将ConfigureDeviceComponent放在了providers数组中，这是错误写法：providers用于注册服务，需测试的组件必须放在declarations数组中才能被正确编译，模板中的管道才会被识别。修正后的配置参考：

beforeEach(async () => {
    await TestBed.configureTestingModule({
        imports: [
            CommonModule,
            RouterTestingModule,
            HttpClientTestingModule,
            NotifierModule,
            ReactiveFormsModule
        ],
        // 组件移到declarations数组中
        declarations: [ConfigureDeviceComponent]
    });
    fixture = TestBed.createComponent(ConfigureDeviceComponent);
    component = fixture.componentInstance;
    fixture.detectChanges(); // 触发变更检测，无需手动调用ngOnInit
});

• 检查是否为独立组件（Standalone Component）
  如果ConfigureDeviceComponent是标注了standalone: true的独立组件：
  1. 优先确认组件自身的@Component()装饰器的imports数组中已经导入了CommonModule
  2. 测试配置中无需将组件放到declarations，直接放到imports数组即可
• 排查模板依赖的子组件
  如果当前测试组件的模板中引用了其他子组件，且子组件内部使用了keyvalue管道，需要在TestBed配置中正确声明/导入对应的子组件，确保子组件的依赖完整。
• 确认CommonModule导入路径正确
  检查导入语句是否为import { CommonModule } from '@angular/common';，避免误导入其他第三方包的同名模块。

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