'mat-label" n'est pas un élément d'Erreur dans le dernier Angulaire du Matériel

J'ai une erreur dans mon Angulaire Matériel:

compiler.js:466 Uncaught Error: Template parse errors:
'mat-label' is not a known element:
1. If 'mat-label' is an Angular component, then verify that it is part of this module.
2. If 'mat-label' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("
        </mat-form-field>
        <mat-form-field>
            [ERROR ->]<mat-label>Both a label and a placeholder</mat-label>
            <input matInput placeholder="Simple"):

Question:

Matériau de l'Étiquette est sous MatFormFieldModule Voici le lien

Maintenant, quelle est la cause possible de la question de savoir pourquoi, Mat-Étiquette est inconnu Angulaire du Matériel.

Voici le code HTML

<mat-form-field>
          <mat-label>Both a label and a placeholder</mat-label>
          <input matInput placeholder="Simple placeholder">
</mat-form-field>
J'ai dupliqué le problème et impossible de trouver une solution. En fait, ce ne devrait pas être une solution. Il devrait fonctionner. Merci de poster cette question sur github.com/angular/material2. Vérifiez pour voir si il est déjà dans les questions, et il y a des centaines d'entre eux.
Avez-vous vérifier vos paramètres de l'application et si vous importez CUSTOM_ELEMENTS_SCHEMA dans app.module.ts? Cela devrait résoudre le problème et supprimer l'erreur. import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; et puis schemas: [ CUSTOM_ELEMENTS_SCHEMA ], dans @NgModule({...., schémas: [ CUSTOM_ELEMENTS_SCHEMA ]})
cela fonctionne, mais il ne devrait pas exiger que. Mise à jour Angulaire est pleine journée de travail: les gars, vous pouvez faire mieux

OriginalL'auteur Randz67 | 2017-12-18

  1. 2

    Si vous avez plusieurs modules assurez-vous que vous importez le MatFormFieldModule dans chaque module. Il ne suffit pas de simplement importer à la racine du module.

    Par exemple, j'ai un CommonWidgetsModule qui contient certaines communes widgets (le mien), mais je n'avais importé MatFormFieldModule dans le app.module.ts fichier.

    //common-widgets.module.ts

@NgModule({
  imports: [
    CommonModule,
    SharedModule,
    RouterModule,

    MatIconModule,

    MatFormFieldModule,
    MatInputModule
  ],
  declarations: DECLARATIONS,
  exports: DECLARATIONS
})
export class CommonWidgetsModule { }
    Et vous devez également ajouter MatInputModule pour éviter l'erreur Error: mat-form-field must contain a MatFormFieldControl. (github.com/angular/material2/issues/7704)

    OriginalL'auteur Simon_Weaver

  2. 1

    De mise à niveau de @angulaire/matériel "5.2.0" et le problème disparaîtra.

    OriginalL'auteur Mateusz Stefek