title: Export of name 'matAutocomplete' not found
body: <p>I am unable to understand what went wrong with my code, I imported the modules and still I am getting this error &quot; Export of name 'matAutocomplete' not found&quot;</p>
  <p>Note: I restarted my IDE compiled again several times after importing MatAutocompleteModule, still the same.</p>
  <p>here is app.module.ts - Pasted only the revelant part of the code</p>
  <pre><code>import {MatAutocompleteModule} from '@angular/material/autocomplete';
  @NgModule({ declarations:[..xxxx....],
  imports:[xx,xxx,MatAutocompleteModule],
  providers:[xx,xx],
  bootstrap: [AppComponent]})
  export class AppModule { }
  </code></pre>
  <p>component.html</p>
  <pre><code>&lt;form class=&quot;form-group-parent p-0&quot; [formGroup]=&quot;frmStep1&quot; (ngSubmit)=&quot;submit()&quot;&gt;
         &lt;mat-form-field class=&quot;example-full-width&quot;&gt;
            &lt;input type=&quot;text&quot; placeholder=&quot;Ex. English&quot; aria-label=&quot;Language&quot; matInput
                      [formControl]=&quot;language&quot; [matAutocomplete]=&quot;auto&quot;&gt;
                 &lt;mat-autocomplete autoActiveFirstOption #auto=&quot;matAutocomplete&quot;&gt;
                    &lt;mat-option *ngFor=&quot;let option of languageList | async&quot; [value]=&quot;option&quot;&gt;
                          {{option}}
                    &lt;/mat-option&gt;
                    &lt;/mat-autocomplete&gt;
                   &lt;mat-error&gt;
                      &lt;strong&gt;Language&lt;/strong&gt; is required.
                  &lt;/mat-error&gt;
         &lt;/mat-form-field&gt;
  &lt;/form&gt;
  </code></pre>
  <p>component.ts</p>
  <pre><code>import {Component, OnInit} from '@angular/core';
  import {FormControl, FormBuilder, FormGroup, Validators } from '@angular/forms';
  import {Observable} from 'rxjs';
  import {map, startWith} from 'rxjs/operators';
  
  @Component({
    selector: 'xxxx',
    templateUrl: './cxx.component.html',
    styleUrls: ['./xxx.component.scss']
  })
  
  export class xxxComponent implements OnInit {
  
  constructor(
   private pageTitle: Title,
   private router: Router,
   private fb: FormBuilder,
   private http: HttpClient,
  ) { this.createForm(); }
  
  frm1:FormGroup;
  frm2:FormGroup;
  languageList: Array&lt;any&gt; = ['A','B','C','D','E']
  filteredOptions: Observable&lt;string[]&gt;;
  
  ngOnInit():void{
   this.filteredOptions = this.frmStep2.valueChanges.pipe(
    startWith(''),
    map(value =&gt; this._filter(value))
  );
  
  }
  
  createForm(): object {
    this.frmStep1 = this.fb.group({
   language:[,[Validators.required]]
  });
  return frmStep1 :this.frmStep1 
  }
  
  }
  </code></pre>