title: mat-form-field must contain a MatFormFieldControl and already imported
body: <p>I get the error <code>ERROR mat-form-field must contain a MatFormFieldControl</code> which should mean that I need to import MatFormFieldModule in my nearest parent module. But I already did, so I don't understand what the problem is...</p>
  
  <p><strong>template</strong></p>
  
  <pre><code>&lt;form [formGroup]="form" (ngSubmit)="handleSubmit()"&gt;
      &lt;mat-form-field&gt;
          &lt;input matInput placeholder="Name" formControlName="name" /&gt;
      &lt;/mat-form-field&gt;
  
      &lt;mat-form-field&gt;
          &lt;textarea
              matInput
              placeholder="Active Description"
              formControlName="activeDescription"
          &gt;&lt;/textarea&gt;
      &lt;/mat-form-field&gt;
  
      &lt;mat-form-field&gt;
          &lt;textarea
              matInput
              placeholder="Inactive Description"
              formControlName="inactiveDescription"
          &gt;&lt;/textarea&gt;
      &lt;/mat-form-field&gt;
  
      &lt;mat-form-field&gt;
          &lt;mat-checkbox formControlName="active"&gt;Active&lt;/mat-checkbox&gt;
      &lt;/mat-form-field&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>module</strong></p>
  
  <pre><code>import { CommonModule } from '@angular/common';
  import { NgModule } from '@angular/core';
  import { FormsModule, ReactiveFormsModule } from '@angular/forms';
  import { MatButtonModule, MatCheckboxModule, MatFormFieldModule, MatInputModule, MatSelectModule } from '@angular/material';
  import { EffectsModule } from '@ngrx/effects';
  import { StoreModule } from '@ngrx/store';
  import { PaymentConfigSelectorComponent } from './payment-config-selector/payment-config-selector.component';
  import { PaymentMethodComponent } from './payment-method/payment-method.component';
  import { PaymentMethodsComponent } from './payment-methods/payment-methods.component';
  import { PaymentRoutingModule } from './payment-routing.module';
  import { PaymentEffects } from './payment.effects';
  import { paymentReducer } from './payment.reducer';
  import { PaymentSmartComponent } from './smart/payment-smart.component';
  
  @NgModule({
    declarations: [PaymentSmartComponent, PaymentMethodsComponent, PaymentConfigSelectorComponent, PaymentMethodComponent ],
    imports: [
      CommonModule,
      PaymentRoutingModule,
      FormsModule,
      ReactiveFormsModule,
      EffectsModule.forFeature([PaymentEffects]),
      StoreModule.forFeature(
        'payment',
        paymentReducer,
      ),
      MatFormFieldModule, MatInputModule, MatSelectModule, MatCheckboxModule, MatButtonModule,
    ],
    providers: [
    ],
  })
  export class PaymentModule { }
  </code></pre>