Angular组件测试报错：'mat-checkbox'不是已知元素

你遇到的问题很典型——虽然你在应用的主模块里导入了MatCheckboxModule，但Angular的测试模块是独立于主模块的，测试时并不会自动继承主模块的导入项，所以你的测试组件找不到mat-checkbox这个组件。

问题根源 #

你的测试配置代码里，TestBed.configureTestingModule只声明了AddAlarmsFormComponent，但没有导入该组件模板依赖的MatCheckboxModule，测试环境无法识别模板中的<mat-checkbox>标签，因此抛出了模板解析错误。

解决方案 #

修改测试模块的配置，先在测试文件顶部导入MatCheckboxModule，再在TestBed的imports数组中添加该模块：

// 先添加导入语句
import { MatCheckboxModule } from '@angular/material/checkbox';

describe('Component: AddAlarms', () => { 
  let component: AddAlarmsFormComponent; 
  let fixture: ComponentFixture<AddAlarmsFormComponent>; 

  beforeEach(() => { 
    TestBed.configureTestingModule({ 
      declarations: [AddAlarmsFormComponent],
      imports: [MatCheckboxModule] // 新增这一行，导入MatCheckboxModule
    }); 
    fixture = TestBed.createComponent(AddAlarmsFormComponent); 
    component = fixture.componentInstance; 
  }); 
});

额外提示 #

如果你的项目中存在专门的共享模块（比如SharedModule），并且已经在共享模块中导入并导出了MatCheckboxModule，那么你也可以直接在测试模块的imports里导入这个共享模块，这样能避免重复导入多个Material组件模块，让测试配置更简洁。

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