不能绑定到'formGroup'因为它不是'form'的已知属性

意味着你尝试使用angular ([prop])绑定一个属性，但angular不能找到他知道的任何元素(在这种情况下的形式)。

这可能是由于没有使用正确的模块(在某些地方缺少导入)，有时只是导致打字错误，如:

[formsGroup]， form后面加s

首先，它与Angular版本>2无关。只需在app.module.ts文件中导入以下内容即可解决问题。

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

然后将FormsModule和ReactiveFormsModule添加到导入数组中。

imports: [
  FormsModule,
  ReactiveFormsModule
],

注意:你也可以将ReactiveFormsModule导入到特定的模块，而不是app.module.ts

我也有同样的问题。确保如果使用子模块(例如，你不仅有app.component.module.ts)，而且有一个单独的组件，如login.module。在这个login.module.ts导入中包含ReactiveFormsModule导入，这样它才能工作。我甚至不需要在我的app.component.module中导入ReactiveFormsModule，因为我使用了所有的子模块。

文件login.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';

import { IonicModule } from '@ionic/angular';

import { LoginPageRoutingModule } from './login-routing.module';

import { LoginPage } from './login.page';

@NgModule({
  imports: [
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    IonicModule,
    LoginPageRoutingModule
  ],
  declarations: [LoginPage]
})
export class LoginPageModule {}

我也有同样的问题，问题实际上只是我忘记导入和声明在模块中保存表单的组件:

import { ContactFormComponent } from './contact-form/contact-form.component';

@NgModule({
    declarations: [..., ContactFormComponent, ...],
    imports: [CommonModule, HomeRoutingModule, SharedModule]
})
export class HomeModule {}

在app.module.ts中导入并注册ReactiveFormsModule。

import { ReactiveFormsModule } from '@angular/forms';

@NgModule({
declarations: [
AppComponent,
HighlightDirective,
TestPipeComponent,
ExpoentialStrengthPipe

],
imports: [
BrowserModule,
ReactiveFormsModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }

请确保.ts和.html文件中的拼写正确。 xxx.ts

  profileForm = new FormGroup({
  firstName: new FormControl(''),
 lastName: new FormControl('')
 });

xxx.html文件-

  <form [formGroup]="profileForm"> 
  <label>
  First Name:
   <input type="text" formControlName = "firstName">
  </label>

  <label>
  Last Name:
   <input type="text" formControlName = "lastName">
   </label>
   </form>

我错误地写了[FormGroup]而不是[FormGroup]。在.html中检查拼写是否正确。如果.html文件中有任何错误，它不会抛出编译时错误。

我几乎尝试了这里所有的解决方案，但我的问题有点不同(愚蠢)。 我在路由模块中添加了组件，但没有包括它的主模块。 所以要确保你的组件是模块的一部分。