嘗試打開 MatSnackBar 時 this._portalOutlet 未定義

Question

當我發現錯誤時，我試圖打開一個 MatSnackBar。 我已經將它簡化為這個，但我仍然無法讓它工作。

constructor(public matSnackBar: MatSnackBar) {
    this.matSnackBar.open('test', 'Undo', {
        duration: 3000
    });
}

我不斷收到相同的錯誤： ERROR Error: "Uncaught (in promise): TypeError: this._portalOutlet is undefined 。

我在MatSnackBarContainer添加到 providers 和 entryComponents

Answer 1

我通過導入MatSnackBarModule以及提供MatSnackBar並將MatSnackBarContainer添加到 entryComponents 來解決它

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserAnimationsModule,
    MatSnackBarModule
  ],
  providers: [ MatSnackBar, {
    provide: MAT_DIALOG_DATA,
    useValue: {}
  }],
  bootstrap: [AppComponent],
  entryComponents: [MatSnackBarContainer]
})
export class AppModule {
}