每个人都解释了他是如何解决这个问题的，但没有一个答案解决了我的问题，当我发现在做这些答案中解释的所有事情之前，

你必须安装(添加)角材料到你的项目

ng add @angular/material

对我来说，这就是问题的原因。

如果将mat from field中的mat滑动作为唯一的元素，也会发生相同的错误 在我的情况下，我有

 <mat-form-field>
    <mat-slide-toggle [(ngModel)]="myvar">
       Some Text
     </mat-slide-toggle>
 </mat-form-field>

如果<mat-form-field>中有几个属性，就可能发生这种情况 简单的解决方案是将滑动开关移动到根目录

如果上面所有主要的代码结构/配置答案都不能解决您的问题，那么还有一件事需要检查:确保您没有以某种方式使<input>标记失效。

例如，我收到了相同的mat-form-field必须包含一个MatFormFieldControl错误消息，在意外地将一个必需的属性放在自关闭斜杠/之后，这有效地使我的<input/>无效。换句话说，我这样做了(参见输入标签属性的末尾):

错误的:

<input matInput type="text" name="linkUrl" [formControl]="listingForm.controls['linkUrl']" /required>

正确的:

<input matInput type="text" name="linkUrl" [formControl]="listingForm.controls['linkUrl']" required/>

如果你犯了这个错误或其他使你的<input>无效的错误，那么你可以得到mat-form-field必须包含一个MatFormFieldControl错误。不管怎样，这只是调试时要注意的另一件事。

import {MatInputModule} from '@angular/material/input';



@NgModule({
    imports: [
        MatInputModule
    ],
    exports: [
        MatInputModule
    ]
})

9加1。9 +材料

我注意到有3个错误会导致同样的错误:

确保你已经在app.module或模块中导入了MatFormFieldModule和MatInputModule。导入组件的t(嵌套模块的情况下) 当你包装材料按钮或复选框在垫形式领域。请参阅可以用mat-form-field封装的材料组件列表 当你没有在标签中包含matInput时。例如:<input matInput type="number" step="0.01" formControlName="price" />

问题1:MatInputModule未导入

在模块中导入MatInputModule和MatFormFieldModule，即app.module.ts

import { MatInputModule } from '@angular/material/input';
import { MatFormFieldModule } from "@angular/material/form-field";

@NgModule({
    imports: [
        MatFormFieldModule,
        MatInputModule
    ]
})
export class AppModule { }

问题2:matInput -拼写错误/忘记添加

一定要添加matInput，它是区分大小写的。

<mat-form-field>
    <input matInput type="text" />
</mat-form-field>

问题3:无效的*ngIf放置

检查input标签上是否有任何条件在任何情况下都会为假，因为mat-form-field会在其中查找matInput。相反，把*ngIf放在mat-form-field标签上。

<mat-form-field>
   <input matInput *ngIf="someCondition"> // don't add condition here, else add in mat-form-field tag
</mat-form-field>

感谢@William Herrmann指出了这个问题#3

问题4:编译器仍然给出错误

如果angular编译器在修复上述问题后仍然报错，那么你必须尝试重新启动应用程序。

ng serve