遇到错误-模板解析错误：“ mat-form-field”不是一个已知元素-使用Angular Materials 7.1.1和Angular 7

Question

我正在使用Angular Materials和Angular的最新版本。

我已按照本指南进行安装-> https://material.angular.io/guide/getting-started。

我已经尝试过此示例-> https://stackblitz.com/angular/jamkkvgbkjkg?file=app%2Finput-overview-example.ts

我使用Visual Studio Code创建了项目。

一切都很简单，但控件无法呈现。

我遇到了错误： 未捕获的错误：模板解析错误：'mat-form-field'不是已知元素

https://github.com/jarninjanas/stackoverflow.git

Answer 1

运行链接的项目表明出现错误：

  

未捕获的错误：模板解析错误：'mat-form-field'不是已知元素

您忘记在app.module.ts文件中添加MatFormFieldModule。

编辑：这是您将面临另一个错误的地方：

  

错误错误：mat-form-field必须包含MatFormFieldControl。

这一次您忘记将MatInputModule添加到a​​pp.module.ts文件中。