Angular 角度9错误mde popover不是已知元素

我正在使用angular 9，每当有人将鼠标悬停在

垫子卡上时，我希望有一个带有删除和编辑选项的弹出框。我在
app.module.ts
中导入了
mdePopoverModule
，但我想使用

它给了我这个错误：


HTML:

<mat-card 
  [mdePopoverTriggerFor]="appPopover" 
  class="skill-name" 
  *ngFor="let skillcard of skillcolumn.items">
  <mat-card-content>{{skillcard.skill}}</mat-card-content>
</mat-card>

<mde-popover #appPopover="mdePopover">
  <p>test </p>
</mde-popover>

谁知道我能做些什么来修复此错误？
这里的问题是您正在处理的模块的范围，请尝试将该模块导入到您的组件需要popover的模块中。
您需要将
MdePopoverModule
添加到您正在使用此功能的最近模块中。是的！我太专注于app.module.ts了，以至于我忘了我正在我的应用程序中使用几个不同的模块。谢谢你的回答
import { MdePopoverModule } from '@material-extended/mde';

@NgModule({
  declarations: [AppComponent],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FlexLayoutModule,
    BrowserAnimationsModule,
    MyMaterialModule,
    MdePopoverModule,
  ],