已在app.module.ts引入FormsModule仍出现input无法绑定ngModel错误

问题原因 #

你AppModule的imports数组中错误加入了NgModule装饰器：NgModule是Angular用于标识模块类的装饰器，并非功能模块，不能放入imports数组中，该错误会打断后续的模块导入逻辑，导致FormsModule没有被正确加载生效，最终触发ngModel无法识别的报错。

解决方法 #

• 直接删除AppModule的imports数组里的NgModule项即可，修正后的imports配置参考如下：

imports: [
  BrowserModule,
  AppRoutingModule,
  HttpClientModule,
  RouterModule,
  ReactiveFormsModule,
  FormsModule
]

• 配置修改完成后，重启Angular开发服务，清除缓存重新编译，报错即可消失。

额外排查项（如果按上述操作仍有报错可检查） #

如果你的AddProductComponent是Angular 14+版本的独立组件（组件代码中带standalone: true配置），你还需要在该组件自身的imports数组中单独引入FormsModule，不需要在AppModule中声明该组件。

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