角度6错误显示 不是一个已知元素

Question

我试图在Angular 6项目中使用Angular Material，但出现错误

1. 'mat-panel-title'不是一个已知元素：
2. 'mat-panel-description'不是一个已知元素：
3. 'mat-expansion-panel-header'不是一个已知元素：
4. 'mat-form-field'不是一个已知元素：
5. 'mat-expansion-panel'不是一个已知元素：

这里是代码

<mat-accordion>
  <mat-expansion-panel>
    <mat-expansion-panel-header>
      <mat-panel-title>
        Personal data
      </mat-panel-title>
      <mat-panel-description>
        Type your name and age
      </mat-panel-description>
    </mat-expansion-panel-header>

    <mat-form-field>
      <input matInput placeholder="First name">
    </mat-form-field>

    <mat-form-field>
      <input matInput placeholder="Age">
    </mat-form-field>
  </mat-expansion-panel>
  <mat-expansion-panel (opened)="panelOpenState = true"
                       (closed)="panelOpenState = false">
    <mat-expansion-panel-header>
      <mat-panel-title>
        Self aware panel
      </mat-panel-title>
      <mat-panel-description>
        Currently I am {{panelOpenState ? 'open' : 'closed'}}
      </mat-panel-description>
    </mat-expansion-panel-header>
    <p>I'm visible because I am open</p>
  </mat-expansion-panel>
</mat-accordion>

ts文件panelOpenState = false;

Answer 1

如果使用模块体系结构，则必须在项目的根目录或模块中导入材料模块。检查此https://stackoverflow.com/a/46480745/9490861！

Answer 2

您必须在使用它的模块中将其导入：

import {MatExpansionModule} from '@angular/material/expansion';