我已经在我的 module.ts 文件中导入了 ReactiveFormsModule 和 FormsModule，然后显示错误

Question

我有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

Answer 1

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

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

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

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

我已经在我的 module.ts 文件中导入了 ReactiveFormsModule 和 FormsModule，然后显示错误

I have Import the ReactiveFormsModule and FormsModule in my module.ts file even then showing error

angular-reactive-forms

angular11