error: Failed: Ошибки разбора шаблона: '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

Отлично!

Но я думаю, вам нужно импортировать MatCheckboxModule в spec.ts, или вы забыли импортировать модуль в "imports" на ngModule!

Можете ли вы попытаться сказать мне, еслиработал?