已在AppModule.ts导入表单模块仍报错：Can't bind to 'formGroup'

以下是针对你遇到的"Can't bind to 'formGroup' since it isn't a known property of 'form'"错误的排查和解决步骤：

• 检查组件所在模块的导入配置
  若FinanceCaseOverdueInvoicesComponent属于某个特性模块（而非直接声明在AppModule），必须在该特性模块的imports数组中单独导入ReactiveFormsModule。Angular模块不会自动继承父模块的导入项，仅AppModule导入无法让子模块中的组件使用响应式表单指令。

• 确认组件已正确声明在模块中
  确保FinanceCaseOverdueInvoicesComponent被添加到对应模块的declarations数组内，未被遗漏。

• 清理缓存并重启开发服务
  缓存可能导致模块变更未生效，执行以下命令：

  ng cache clean
  ng serve
  

• 优化FormGroup初始化代码（可选）
  你当前的表单初始化写法可简化为更符合Angular规范的形式，避免潜在语法问题：

  constructor(private fb: FormBuilder) {
    this.financeOverdueInvoiceForm = this.fb.group({
      vendor_id: ['', Validators.required],
      invoice_id: ['', Validators.required]
    });
  }
  

你提供的参考代码 #

Component.html

<form class="mb-5 container" [formGroup]="financeOverdueInvoiceForm">
    <div class="row">
        <div class="col-md-4">
            <label class="custom-label w-100">ID </label>
            <input type="number" nbInput class="w-100 custom-text-font-size" name="vendor_id" formControlName="vendor_id" >
        </div>
        <div class="col-md-4">
            <label class="custom-label w-100">Currency </label>
            <input type="number" nbInput class="w-100 custom-text-font-size" name="invoice_id" formControlName="invoice_id" >
        </div>
        <div class="col-md-4">
            <button nbButton status="primary" size="medium" type="submit" (click)="financeCaseSubmit();">Submit</button>
        </div>
    </div>
</form>

component.ts

import { Component, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';

@Component({
  selector: 'ngx-finance-case-overdue-invoices',
  templateUrl: './finance-case-overdue-invoices.component.html',
  styleUrls: ['./finance-case-overdue-invoices.component.scss']
})
export class FinanceCaseOverdueInvoicesComponent implements OnInit {
  financeOverdueInvoiceForm: FormGroup;
  
  constructor(private fb: FormBuilder) {
    this.financeOverdueInvoiceForm = this.fb.group({
      vendor_id : ['', [Validators.required]],
      invoice_id: ['', [Validators.required]],
    });
  }

  ngOnInit(): void {
  }
  
  financeCaseSubmit(){
    console.log("1");
  }
}

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