ReactiveFormsModule和FormsModule导入应该添加到您的自定义组件模块中，以及调用它的父组件中。

例如，我需要为过滤器组件添加表单。所以我应该在我的过滤器模块和它的父页面(可能是列表)模块中添加这个导入，从这个过滤器按钮被单击的地方开始。

使用并导入REACTIVE_FORM_DIRECTIVES:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent }  from './app.component';

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})

export class AppModule { }

即使您已经导入了FormsModule和ReactiveFormsModule，也会收到此错误消息。我将一个组件(使用[formGroup]指令)从一个项目移动到另一个项目，但未能将该组件添加到新模块中的declarations数组中。这导致不能绑定到'formGroup'，因为它不是'form'错误消息的已知属性。

这个问题是由于缺少FormsModule,ReactiveFormsModule的导入。我也遇到了同样的问题。 我的情况是不同的，因为我是与模块工作。所以我错过了上面的导入在我的父模块，虽然我已经导入到子模块，它不工作。

然后我导入它到我的父模块如下，它工作!

import { ReactiveFormsModule,FormsModule  } from '@angular/forms';
import { AlertModule } from 'ngx-bootstrap';

         @NgModule({
          imports: [
            CommonModule,
            FormsModule,
            ReactiveFormsModule,
    ],
      declarations: [MyComponent]
    })

注意:小心加载器和最小化(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访问者(和其他使用自定义加载器的人)，我认为这可能会有帮助。

转到:app.module.ts 进口:[ … ReactiveFormsModule ］ import {ReactiveFormsModule} from '@angular/forms'; 它应该是这样的:

从'@angular/forms'中导入{ReactiveFormsModule}; @NgModule ({ 声明:[ ]， 进口:[ ReactiveFormsModule ]， 供应商:[], 引导(AppComponent): }) 导出类AppModule {}