angular中使用FormBuilder中的两个参数的验证器总是以错误“Cannot read property”companyForm of undefined“”结束。“

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

@Component({
  selector: 'app-company-form',
  templateUrl: './company-form.component.html',
  styleUrls: ['./company-form.component.css']
})
export class CompanyFormComponent implements OnInit {
  companyForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {}

  ngOnInit(): void {
    this.companyForm = this.formBuilder.group({
      companyName: ['', Validators.required],
      companyEmail: ['', [Validators.required, Validators.email]],
      // 添加更多字段和验证器
    });
  }

  onSubmit(): void {
    if (this.companyForm.valid) {
      console.log(this.companyForm.value);
      // 处理表单提交逻辑
    } else {
      console.log('Form is invalid');
    }
  }
}

<form [formGroup]="companyForm" (ngSubmit)="onSubmit()">
  <div>
    <label for="companyName">Company Name:</label>
    <input id="companyName" formControlName="companyName" type="text">
    <div *ngIf="companyForm.get('companyName').invalid && (companyForm.get('companyName').dirty || companyForm.get('companyName').touched)">
      <div *ngIf="companyForm.get('companyName').errors?.required">
        Company Name is required.
      </div>
    </div>
  </div>

  <div>
    <label for="companyEmail">Company Email:</label>
    <input id="companyEmail" formControlName="companyEmail" type="email">
    <div *ngIf="companyForm.get('companyEmail').invalid && (companyForm.get('companyEmail').dirty || companyForm.get('companyEmail').touched)">
      <div *ngIf="companyForm.get('companyEmail').errors?.required">
        Company Email is required.
      </div>
      <div *ngIf="companyForm.get('companyEmail').errors?.email">
        Invalid email format.
      </div>
    </div>
  </div>

  <button type="submit" [disabled]="companyForm.invalid">Submit</button>
</form>