我在我的 module.ts 文件中导入了 ReactiveFormsModule 和 FormsModule，即使显示错误答案

【问题标题】：I have Import the ReactiveFormsModule and FormsModule in my module.ts file even then showing error我在我的 module.ts 文件中导入了 ReactiveFormsModule 和 FormsModule，即使显示错误
【发布时间】：2021-12-25 10:56:33
【问题描述】：

我有这样的import { ReactiveFormsModule,FormsModule } from '@angular/forms';

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

 @NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
    ],
    declarations: [ //... all declare component ]
    })

而且我还在app.module.ts 文件中导入，即使抛出错误，我也删除并检查，即使没有解决错误。

抛出这个错误

error NG8002: Can't bind to 'formGroup' since it isn't a known property of 'form'.

        <form [formGroup]="bookStudioForm">
              ~~~~~~~~~~~~~~~~~~~~~~~~~~~

我使用的是 Angular 版本 11

【问题讨论】：

标签： angular-reactive-forms angular11

【解决方案1】：

检查您是否已在 declarations 数组中声明了该 formGroup 错误引发的组件首先检查，因为有时当我们创建组件时，该组件未在 declarations 数组中声明。

这种情况发生在我身上，我创建了一个组件，并且该组件没有在声明数组中自动声明，并且该组件在浏览器端工作。

并且你已经在imports数组中正确导入：

imports: [
        CommonModule,
        FormsModule,    // import this
        ReactiveFormsModule, // import this
 ],

【讨论】：

感谢您的回答！我在声明数组中导入组件，我的错误再次得到解决，谢谢！