“垫卡”不是Angular 7中的已知元素

我vue很多关于此的问题，但似乎与我遇到的问题不同。src/app/employees我试图在员工中使用的位置。component.html。我遇到的错误是：

Uncaught Error: Template parse errors:
'mat-card' is not a known element:
1. If 'mat-card' is an Angular component, then verify that it is part of this module.
2. If 'mat-card' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("[ERROR ->]<mat-card> </mat-card>

现在，在 app.module.ts 中我有：

import { BrowserModule } from "@angular/platform-browser";
import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
import { LOCALE_ID, NgModule } from "@angular/core";
import { HttpClientModule, HTTP_INTERCEPTORS } from "@angular/common/http";
import { AppRoutingModule } from "./app-routing.module";
import { AppComponent } from "./app.component";
import {
  MatButtonModule,
  MatFormFieldModule,
  MatIconModule,
  MatInputModule,
  MatListModule,
  MatSelectModule,
  MatSidenavModule,
  MatCardModule,
  MatTableModule
} from "@angular/material";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    AppRoutingModule,
    HttpClientModule,
    MatButtonModule,
    MatFormFieldModule,
    MatIconModule,
    MatListModule,
    MatInputModule,
    MatSelectModule,
    MatSidenavModule,
    MatCardModule,
    MatTableModule
  ],....
})
export class AppModule {}

如果我使用的话，没有任何错误mat-card在app.component.html。我在这里想念什么？

答案

我看不到您的员工在您的声明列表中。需要在与您导入矩阵模块的位置相同的模块中声明员工组件，例如：

declarations: [
    EmployeesComponent
],
imports: [
    MatCardModule
]

我猜想要么您忘记了在应用程序模块中声明员工组成部分，要么您有另一个模块，也许是员工模块，您必须在其中导入矩阵模块。

您可以将MatcardModule导入

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

来自: stackoverflow.com

答案#

答案