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

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

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

[formsGroup]， form后面加s

简单的解决方案:

步骤1:导入ReactiveFormModule

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

步骤2:将“ReactiveFormsModule”添加到导入部分

imports: [

    ReactiveFormsModule
  ]

步骤3:重新启动应用程序并完成

例子:

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {ReactiveFormsModule} from '@angular/forms';
import { EscalationManagementRoutingModule } from './escalation-management-routing.module';
import { EscalationManagementRouteWrapperComponent } from './escalation-management-route-wrapper.component';


@NgModule({
  declarations: [EscalationManagementRouteWrapperComponent],
  imports: [
    CommonModule,
    EscalationManagementRoutingModule,
    ReactiveFormsModule
  ]
})
export class EscalationManagementModule { }

注意:小心加载器和最小化(Rails env.):

在看到这个错误并尝试了每个解决方案之后，我意识到我的html加载器有问题。

我已经设置了我的Rails环境，为我的组件成功导入HTML路径与这个加载器(config/loaders/ HTML .js.):

module.exports = {
  test: /\.html$/,
  use: [ {
    loader: 'html-loader?exportAsEs6Default',
    options: {
      minimize: true
    }
  }]
}

经过几个小时的努力和无数的ReactiveFormsModule导入，我看到我的formGroup是小字母:formGroup。

这让我看到了加载器，它在最小化上减少了我的HTML。

在改变了选项之后，一切都正常了，我又可以回去哭了。

我知道这不是问题的答案，但对于未来的Rails访问者(和其他使用自定义加载器的人)，我认为这可能会有帮助。

对于Angular 14和使用带有路由的子模块的人

我的问题与使用带有路由的子模块有关。 要做到这一点，请遵循以下三个步骤:

1-在app.module中

imports: [
//other-modules
ReactiveFormsModule

]

2-在子模块中

imports: [
//other-modules
ReactiveFormsModule

]

3-在应用路由中。模块添加以下路由(我的模块名为AuthModule)

{
path: 'signup',
component: SignUpComponent,
children: [
  {
    path: '',
    loadChildren: () =>
      import('./features/auth/auth.module').then((m) => m.AuthModule),
  },
]

},

希望有一天这能帮助到别人!

我在一个组件的单元测试期间遇到过这个错误(只是在测试期间，在应用程序中它正常工作)。解决方案是在.spec中导入ReactiveFormsModule。ts文件:

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

describe('MyComponent', () => {
    beforeEach(async(() => {
        TestBed.configureTestingModule({
            declarations: [MyComponent],
            imports: [ReactiveFormsModule],  // Also add it to 'imports' array
        })
        .compileComponents();
    }));
});

在相应的模块中导入ReactiveFormsModule。