如何在Angular中使用MatOptgroup实现自动完成？

我想根据本教程实现自动完成功能：

问题是Chrome报告了一个错误：

未捕获错误：模块“MaterialModule”导入了意外的指令“MatOptgroup”。请添加@NgModule注释

我已经声明了NgModule，现在该怎么办

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

import { AppComponent } from './app.component';

import {
  MatButtonModule,
  MatFormFieldModule,
  MatInputModule,
  MatRippleModule,
  MatAutocompleteModule,
  MatOptgroup,
  MatOption
} from '@angular/material';

import '@angular/material/prebuilt-themes/deeppurple-amber.css';

@NgModule({
  exports: [
    MatButtonModule,
    MatFormFieldModule,
    MatInputModule,
    MatRippleModule,
    MatAutocompleteModule,
    ReactiveFormsModule,
  ],
  declarations: [],
  imports: [
    MatOptgroup,
    MatOption
  ]
})
export class MaterialModule {}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    MaterialModule,
    BrowserModule,
  ],
  providers: [],
  bootstrap: [
    AppComponent,
  ],
  schemas: [],
})
export class AppModule { }

---

我想我发现了问题，为什么要导入

MatOptgroup

和

MatOption

您应该删除这些导入

@NgModule({
  exports: [
    ...
  ],
  declarations: [],
  imports: [
    MatOptgroup, // <----- remove this
    MatOption    // <----- remove this
  ]
})

@NgModule({
出口：[
...
],
声明：[]，
进口：[
MatOptgroup，//尝试重新启动您的开发服务器。@Plopy重新启动了IDE和Chrome，我重新启动了ng服务器，但什么都没有……如何重新启动开发服务器？对不起，我是初学者……：（当使用
ng服务器时，
您启动开发服务器时，Chrome会报告相同的错误。