浏览器控制台中的错误 mat-form-field 必须包含 MatFormFieldControl

Posted 2023-03-13

【中文标题】浏览器控制台中的错误 mat-form-field 必须包含 MatFormFieldControl

【英文标题】：Error in browser Console mat-form-field must contain a MatFormFieldControl

【发布时间】：2020-09-09 10:25:58

【问题描述】：

我正在使用 Angular 9 和 Angular 材料 9.2.4 我正在尝试使用 MatFormField。 下面是我的 app.module.ts

@NgModule(
  declarations: [
    AppComponent,
    LoginComponent,
    RegisterComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    BrowserAnimationsModule,
    MatToolbarModule,
    MatFormFieldModule,
    MatInputModule

  ],
  providers: [],
  bootstrap: [AppComponent],
)
export class AppModule  

这是我的component.html

<p>
    <mat-form-field appearance="standard">
      <mat-label>Standard form field</mat-label>
      <input matInput placeholder="Placeholder">
      <mat-hint>Hint</mat-hint>
    </mat-form-field>
</p>

但我的表单字段看起来像

我在控制台中遇到错误。 请提出我在配置中缺少的内容

【问题讨论】：

你能重建你的应用程序并检查吗？

感谢它成功了。但是重建的意义何在？我还使用了材质工具栏。变化立即得到体现。为什么不用于表单字段组件？

这能回答你的问题吗？ mat-form-field must contain a MatFormFieldControl

@Greenbox 有时由于某种原因不会热刷新。

没有。可能是因为 MatInput 模块。但是即使在导入 MatInputModule 之后我也收到了这个错误。重建后错误不再存在

【参考方案1】：

尝试在您的导入中导入 FormsModule