错误:失败:模板解析错误:'mat-checkbox'不是已知元素

Question

我创建此代码来测试我的组件.

我试过这段代码:

describe('Component: AddAlarms', () => {
    let component: AddAlarmsFormComponent;
    let fixture: ComponentFixture<AddAlarmsFormComponent>;
    beforeEach(() => {
        TestBed.configureTestingModule({
            declarations: [AddAlarmsFormComponent]
        });
        fixture = TestBed.createComponent(AddAlarmsFormComponent);
        component = fixture.componentInstance;
    });
});

运行时ng test显示此错误:

Failed: Template parse errors:
'mat-checkbox' is not a known element:
1. If 'mat-checkbox' is an Angular component, then verify that it is part of this module.
2. If 'mat-checkbox' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
        </div>
        <div class="input-field col s2">
          [ERROR ->]<mat-checkbox class="example-margin" (click)="sortbydate()">Dates</mat-checkbox>
        </div>
     "): ng:///DynamicTestModule/NotificationsComponent.html@12:10

我验证了我的module.ts,没关系.所以,我有这个:

import {MatCheckboxModule} from '@angular/material/checkbox';

你能问我,问题是什么？

Answer 1

您需要像imports上面declarations这样添加数组:

像这样添加:

import { MatCheckboxModule } from '@angular/material/checkbox';

并添加如下imports数组:

TestBed.configureTestingModule({
   imports: [
        MatCheckboxModule
   ],
   declarations: [AddAlarmsFormComponent]
})

Answer 2

伟大的！

但我认为你需要导入MatCheckboxModulea或者你忘记spec.ts导入模块！"imports"ngModule

你能尝试告诉我是否有效吗？