在我的package.json上，我有@angular/material": "^13.3.8"，但是我使用的是13.3.7版本和Angular CLI: 13.3.7。我只是从Angular Material复制代码，并且已经在我的app.module.ts上导入了MatInputModule。我的问题是mat-form-field没有显示在我的浏览器上。我需要点击我输入的区域，然后它就会显示出来。如下图所示：
在我点击mat-form-field之前

在我点击了mat-form-field之后

如何解决这个问题？下面是我的代码：
product.component.html

<div class="example-container">
  <mat-form-field class="example-full-width" appearance="fill">
    <mat-label>Filter</mat-label>
    <input matInput placeholder="Search...">
  </mat-form-field>
</div>

app.module.ts

BrowserModule,
AppRoutingModule,
NgbModule,
BrowserAnimationsModule,
MatTableModule,
MatCardModule,
MatPaginatorModule,
MatInputModule,
MatIconModule,
MatButtonModule,
FormsModule,
FontAwesomeModule,
MatFormFieldModule,
ReactiveFormsModule