Angular 6懒加载模块中响应式表单报错：formGroup未识别

这个问题我之前也踩过坑，核心原因在于Angular懒加载特性模块的隔离机制——你虽然在根模块AppModule里导入了ReactiveFormsModule，但懒加载的public模块并不会自动继承根模块的依赖导入，必须自己单独导入响应式表单模块才行。

具体解决步骤： #

1. 找到你的public模块对应的模块文件（一般命名为PublicModule.ts）
2. 在该模块中导入ReactiveFormsModule，并添加到imports数组中：

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
// 导入响应式表单模块
import { ReactiveFormsModule } from '@angular/forms';
// 导入public模块下的登录组件
import { LoginComponent } from './login/login.component';
// 导入public模块的路由（如果存在的话）
import { PublicRoutingModule } from './public-routing.module';

@NgModule({
  declarations: [
    LoginComponent
  ],
  imports: [
    CommonModule,
    PublicRoutingModule,
    // 关键：在这里添加ReactiveFormsModule
    ReactiveFormsModule
  ]
})
export class PublicModule { }

原理说明： #

Angular的每个特性模块都是独立的封装单元，懒加载模块的隔离性更强。根模块的依赖导入仅作用于根模块下的组件，而LoginComponent属于public这个懒加载特性模块，所以必须在PublicModule中单独声明所需的ReactiveFormsModule，Angular才能识别formGroup、formControlName这些响应式表单指令。

内容的提问来源于stack exchange，提问作者chetan