Angular中导入FormModule出现TS2305编译错误如何解决？

嘿，这个问题其实是个很容易犯的大小写小失误，我来帮你搞定它！

错误原因 #

Angular的@angular/forms模块中导出的表单模块是**FormsModule**（注意首字母大写的F，还有末尾的复数s），而你代码里写的formModule是小写开头且单数，编译器自然找不到这个不存在的导出成员啦。

具体修复步骤 #

• 打开你的src/app/app.module.ts文件
• 找到导入@angular/forms的那一行，把formModule改成FormsModule：

  // 错误写法
  import { formModule } from '@angular/forms';
  
  // 正确写法
  import { FormsModule } from '@angular/forms';
  

• 接着检查@NgModule的imports数组，确保里面也是写的FormsModule：

  @NgModule({
    declarations: [/* 你的组件/指令 */],
    imports: [
      BrowserModule,
      FormsModule // 这里要和导入的名称一致
    ],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  

• 保存文件后重新运行编译命令（比如ng serve或者ng build），这个错误就应该消失了。

如果之后你需要用到响应式表单（比如FormGroup、FormControl这些），还需要额外导入ReactiveFormsModule，不过当前的错误只需要修正大小写就能解决啦。

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