Angular 表单字段未与默认UI一起显示

我正试图创建一个有角度的材料形式下面的例子从这个链接

但是，结果是窗体显示为白色

component.html

   <div class="card p-6">
      <h2 class="m-0 title mb-6">
        Title
      </h2>
      <h1 class="display-1 m-0">Title</h1>
      <h3 class="title mt-0 text-secondary">Test</h3>
      
      <mat-form-field appearance="fill">
        <mat-label>Input</mat-label>
        <input matInput>
      </mat-form-field>
      <mat-form-field appearance="fill">
        <mat-label>Select</mat-label>
        <mat-select>
          <mat-option value="one">First option</mat-option>
          <mat-option value="two">Second option</mat-option>
        </mat-select>
      </mat-form-field>
      <mat-form-field appearance="fill">
        <mat-label>Textarea</mat-label>
        <textarea matInput></textarea>
      </mat-form-field>
  </div>

---

SCS为空

问题出在组件的模块（component.module.ts）中，我错过了

MatInputModule

---

导入

有控制台错误吗？stackblitz对我来说很好。您是否可能正在使用非常旧的浏览器？可能正如文档所说，您还应该在表单顶部添加

。

MatInputModule