Angular 9“没有提供ControlContainer的提供者” VSCode错误，带有嵌套的Form Builder表单组

Question

注意：我已经搜索了答案，但是所有人都只是对“ import ReactiveFormsModule and FormsModule”说而已。我所有其他的反应式表格都没有问题。

此外，代码可以编译并在浏览器中运行，而不会出现控制台错误。但是，无论我尝试什么，这都是令人沮丧的，Visual Studio代码仍然会使用错误“没有为ControlContainer提供程序”来标记我的嵌套表单组件。

我有一个带有嵌套表单组的表单生成器组，即“帐单地址”。该组中的输入位于主组件中定义的主要形式的嵌套组件中：

  fedexFormGroup = this.fb.group(
    fedexAccountNumber: ['', Validators.required],
    fedexAccountNickname: [''],
    fedexDifferentAddress: [false],
    fedexIncludesSmartPost: [false],
    fedexAcceptTerms: [false],
    billingAddress: this.fb.group(
      addressLine1: [null, Validators.required],
      addressLine2: [null],
      company: [null],
      countryCode: [null, Validators.required],
      city: [null, Validators.required],
      email: [null, Validators.email],
      name: [null, Validators.required],
      phone: [null],
      postalCode: [null, Validators.required],
      residential: [false],
      state: [null, Validators.required]
    )
  );

嵌套组件TS：

import  Component, OnInit, Input  from '@angular/core';
import  ControlContainer, FormGroupDirective, FormGroup  from '@angular/forms';

@Component(
  selector: 'spa-compact-address-block',
  templateUrl: './compact-address-block.component.html',
  styleUrls: ['./compact-address-block.component.scss'],
  viewProviders: [
    
      provide: ControlContainer,
      useExisting: FormGroupDirective
    
  ]
)
export class CompactAddressBlockComponent implements OnInit 
  @Input() formGroup: FormGroup;
  @Input() submitted = false;
  ...

然后，在父组件HTML中，标记为错误的代码块是spa-compact-address-block组件。

<form [formGroup]="formGroup">

...some top level form stuff..

   <div[formGroup]="rsFormGroup" *ngIf="isReceiving">

...second level form group fields ...

      <div[formGroup]="fedexFormGroup" *ngIf="isfedex">
        <spa-compact-address-block
          [formGroup]="billingAddressControl"
          [submitted]="submitted"
        ></spa-compact-address-block>
      </div>

   </div>

</div>


</form>

我也尝试过将其添加到父组件TS：

  get billingAddressControl() 
    return this.fedexFormGroup.controls.billingAddress as FormGroup;

没有效果。正如我说的那样，由于它可以编译并运行，因此这实际上不是错误，但是我真的很好奇我可以做些什么以确保编辑器每次执行时都不会标记这种事情。