'md-card" n'est pas un élément matériel 2

Je travaille sur une application web en utilisant angulaire 4 et 2. J'ai, j'obtiens cette erreur

parse errors:
'md-card' is not a known element:
1. If 'md-card' is an Angular component, then verify that it is part of this module.
2. If 'md-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("<h2>Nothing to show</h2>
[ERROR ->]<md-card>Simple card</md-card>
"): ng:///AppAccessModule/SPLoginComponent.html@1:0
    at syntaxError

Lorsque j'essaie d'utiliser le matériel dans un composant imbriquées à deux reprises à l'intérieur d'un dossier

ces est ma structure:

  -----Components(folder)
  -------Auth(folder)
  --------Login(component1)
  --------Signup(component2)

Mais si je la prochaine fois comme ceci:

  -------Auth(folder)
  --------Login(component 1)
  --------Signup(component2)

Je n'ai pas de problème que dois-je faire pour régler ce problème? Grâce

avez-vous des MdCardModule ajouté dans votre AppModule importations ?
oui. et tout fonctionne fichier si je nest la cogent une fois.
besoin de plus de détails sur vous application.
ici, c'est l'application github.com/gbrigens/boom, après la mise à niveau vers la dernière version angulaire 4.3.6 et matériel 2 dernière version, j'ai commencé à recevoir des erreurs, mais le seul sur ce lien de travail qui n'ont pas les changements.
pouvez-vous la fourche et de commettre des derniers changements et de partager le lien ?

OriginalL'auteur Gerald Brigen | 2017-08-25

  1. 13

    Dans votre src/app/modules/app-access.module.ts importer les MdCardModule:

    import { MdCardModule } from '@angular/material';

    Et l'ajouter dans les importations: 

    imports: [ 
        ....
        MdCardModule, 
    ],

    Si vous utilisez l'un des autres composants de matériel 2, ajoutez-les en tant que bien.

    OriginalL'auteur Faisal

  2. 3
    import { MatCardModule } from '@angular/material/card';

@NgModule({ ..
 imports: [..
MatCardModule]

    OriginalL'auteur user2735883

  3. 0

    Vous importez les MaterialModule, qui a été dépréciée en bêta-3.
    Importer tous le Matériel de modules que vous souhaitez utiliser séparément, c'est à dire la MdCardModule ou créer votre propre BoomMaterialModule, où vous avez l'importation et l'exportation de toutes les Matières des modules, vous souhaitez utiliser dans votre application.

    mal:

    import { MaterialModule,MdSelectModule } from '@angular/material';
         ^^^^^^^^^^^^^^

    importer MdCardModule

    ou créer BoomMaterialModule:

    import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
  MdButtonModule,
  MdButtonToggleModule,
  MdCardModule,
  ...
  MdExpansionModule
} from '@angular/material';
import 'hammerjs';

@NgModule({
  imports: [
    CommonModule,
    MdButtonModule,
    MdButtonToggleModule,
    MdCardModule,
    ...
    MdExpansionModule
  ],
  exports: [
    MdButtonModule,
    MdButtonToggleModule,
    MdCardModule,
    ...
    MdExpansionModule
  ]
})
export class BoomMaterialModule {
}
    Rencontre toujours le même message d'erreur
    MaterialModule est toujours pris en charge jusqu'à la bêta.8, et sera supprimée dans la prochaine version, beta.9. Le code partagé sur github est pour une ancienne version de Matériel et angulaire.
    J'ai mis à jour le dépôt GitHub.

    OriginalL'auteur Kim Kern

  4. 0

    si vous avez partagé.le module.ts ou vous venez de l'importation de modules individuellement assurez-vous d'importer l'angle Matériel des modules après Angulaire du BrowserModule, comme l'ordre d'importation des questions pour NgModules

    OriginalL'auteur Eyayu Tefera