🐞 Bug report

Command

• serve

Is this a regression?

Yes, I think it's a regression.

Description

If you first create a component without importing the necessary modules, and then add these necessary modules, the component is not updated until you change the component itself.

Not sure if this bug is Angular CLI, maybe it's more of an Angular Material bug.

🔬 Minimal Reproduction

Step 1

ng new my-project
cd my-project
ng add @angular/material

Step 2
In src/app/app.module.ts import only ReactiveFormsModule and MatFormFieldModule:

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { ReactiveFormsModule } from '@angular/forms';
import { MatFormFieldModule } from '@angular/material/form-field';

import { AppComponent } from './app.component';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    ReactiveFormsModule,
    MatFormFieldModule,
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Step 3
Put this code to src/app/app.component.html:

<mat-form-field>
  <input matInput>
</mat-form-field>

Step 4

ng serve

In console the browser see:

ERROR Error: mat-form-field must contain a MatFormFieldControl.

Step 5
Import MatInputModule:

import { MatInputModule } from '@angular/material/input';
// ...
imports: [
//..
  MatInputModule
]

In the browser still:

ERROR Error: mat-form-field must contain a MatFormFieldControl.

Step 6

Make any change in src/app/app.component.ts and the error disappear.

🌍 Your Environment

Angular CLI: 10.0.8
Node: 12.18.3
OS: linux x64

Angular: 10.0.14
... animations, common, compiler, compiler-cli, core, forms
... language-service, localize, platform-browser
... platform-browser-dynamic, platform-server, router
Ivy Workspace: Yes

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1000.8
@angular-devkit/build-angular     0.1000.8
@angular-devkit/build-optimizer   0.1000.8
@angular-devkit/build-webpack     0.1000.8
@angular-devkit/core              10.0.8
@angular-devkit/schematics        10.0.8
@angular/cdk                      10.1.3
@angular/cli                      10.0.8
@angular/material                 10.1.3
@ngtools/webpack                  10.0.8
@nguniversal/builders             10.0.2
@nguniversal/common               10.0.0
@nguniversal/express-engine       10.0.0
@schematics/angular               10.0.8
@schematics/update                0.1000.8
rxjs                              6.5.5
typescript                        3.9.7
webpack                           4.43.0