web-dev-qa-db-fra.com

error: Failed: Erreurs d'analyse du modèle: 'mat-checkbox' n'est pas un élément connu

Je crée ce code pour tester mon composant.

J'ai essayé ce code:

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

lors de l'exécution ng test afficher cette erreur:

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

Je vérifie mon module.ts et c'est bon. Donc, j'ai ceci:

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

Pouvez-vous me demander quel est le problème?

3
user9699663

Vous devez ajouter un tableau imports au-dessus de declarations comme ceci:

Ajoutez le comme ceci:

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

Et ajoutez le tableau imports comme ceci:

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

Génial! 

Mais je pense que vous devez importer MatCheckboxModule dans un spec.ts ou vous avez oublié d'importer le module dans "imports" sur ngModule!

Pouvez-vous essayer de me dire si travaillé?

0
Chiien