it-swarm.com.de

error: Failed: Fehler bei der Vorlagenanalyse: "mat-checkbox" ist kein bekanntes Element

Ich erstelle diesen Code zum Testen meiner Komponente.

Ich habe diesen Code ausprobiert:

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

wenn ausgeführt, ng test diesen Fehler anzeigen:

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/[email protected]:10

Ich überprüfe mein module.ts und es ist in Ordnung. Also habe ich folgendes:

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

Kannst du mich fragen, was ist das Problem?

3
user9699663

Sie müssen imports array über declarations wie folgt hinzufügen:

Füge es so hinzu:

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

Und fügen Sie ein imports-Array wie folgt hinzu:

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

Großartig! 

Aber ich denke, Sie müssen MatCheckboxModule in einen spec.ts importieren, oder Sie haben vergessen, das Modul in "imports" auf ngModule zu importieren!

Kannst du es versuchen und mir sagen, ob es funktioniert hat?

0
Chiien