Angular中formGroup绑定报错NG8002，求解决方法

你的代码存在两个关键配置错误，导致构建时触发NG8002错误：

1. 错误将模块放入bootstrap数组 #

app.module.ts的@NgModule配置中，bootstrap数组仅用于指定根组件，你错误地把ReactiveFormsModule加入其中。修改如下：

@NgModule({
  // ...其他配置项
  bootstrap: [AppComponent] // 移除ReactiveFormsModule，仅保留根组件
})

2. 未在declarations中声明AppComponent #

declarations数组用于声明当前模块所属的组件、指令和管道，你的数组为空，Angular无法识别AppComponent的存在，导致模板中的formGroup指令无法被正确解析。修改如下：

@NgModule({
  declarations: [AppComponent], // 将AppComponent添加到声明数组
  // ...其他配置项
})

修正后的完整app.module.ts代码 #

import { NgModule } from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from "@angular/common/http";
import { provideHttpClient, withFetch, withInterceptorsFromDi } from "@angular/common/http";
import { ApiServiceService } from './api-service.service';
import { RouterModule } from "@angular/router";
import { AppComponent } from "./app.component";

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    RouterModule,
  ],
  providers: [
    provideHttpClient(withFetch(), withInterceptorsFromDi()),
    ApiServiceService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

为什么ng serve能运行但ng build报错？ #

Angular开发服务（ng serve）启用了宽松检查机制，会临时处理一些不规范配置，但生产构建（ng build）会严格遵循模块配置规则，这些隐藏的配置错误会在构建时被触发。

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