在 StackBlitz 中出現“this._ngZone is undefined”錯誤

Question

我正在嘗試在 StackBlitz 中運行 angular 應用程序。 它工作正常，直到我嘗試添加mat-sidenav-container 。 然后應用程序開始失敗，控制台中顯示以下錯誤：

ERROR Error: this._ngZone is undefined

這是相關 StackBlitz 的鏈接： https://stackblitz.com/edit/angular-7cazwh?file=src%2Fapp%2Fapp.component.html

這是 html 代碼。 如果我注釋掉指定的部分，它會起作用。 我如何讓它工作？ 謝謝。

<div class="main-div">
  <mat-toolbar color="primary" class="app-header">
    <button mat-icon-button (click)="toggleSidenav()">
      <mat-icon>menu</mat-icon>
    </button>
    <span>Config</span>
    <span class="spacer"></span>
    <button mat-icon-button>
      <mat-icon>account_circle</mat-icon>
    </button>
    <span>Admin</span>
  </mat-toolbar>
  
  <!-- NOTE: the app works when I comment out mat-sidenav-container below -->
  <mat-sidenav-container class="app-sidenav">
    <mat-sidenav #sidenav mode="side" opened="true" class="sidenav" fixedInViewport="false">
      <mat-list>
        <mat-list-item>
          <mat-icon matListIcon>people</mat-icon>Users
        </mat-list-item>
        <mat-list-item>
          <mat-icon matListIcon>devices_other</mat-icon>Devices
        </mat-list-item>
      </mat-list>
    </mat-sidenav>
    <mat-sidenav-content>
      <p style="margin:20px">TODO: mat-sidenav-content</p>
    </mat-sidenav-content>
  </mat-sidenav-container>

</div>

Answer 1

似乎這是 Angular 和 Material 的錯誤，仍未解決。

將mat-sidenav更改為mat-drawer 。