Угловой 6 - Панель расширения выдает ошибку ОШИБКА: «[объект объекта]»

Question

У меня есть вопрос об использовании <mat-expansion-panel> в моем приложении ( Официальная документация ).ERROR Error: "[object Object]" - единственная ошибка, которая выдается в консоли.Как упомянуто в документации, я настроил свой app.module.ts следующим образом:

import { MatExpansionModule } from '@angular/material/expansion';

...

imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    OverlayModule,
    MatExpansionModule, <<<
    routing
],

В моем package.json это текущая запись для угловых материалов:

"@angular/material": "^6.4.6",

Код в моем компонентевзято прямо из примера:

<mat-expansion-panel>
  <mat-expansion-panel-header>
    <mat-panel-title>
      This is the expansion title
    </mat-panel-title>
    <mat-panel-description>
      This is a summary of the content
    </mat-panel-description>
  </mat-expansion-panel-header>

  <p>This is the primary content of the panel.</p>

</mat-expansion-panel>

Нужно ли включать что-то еще или мне нужно как-то настроить компонент?

Редактировать:

Как и просили, вот подробная ошибка:

Answer 1

Вы должны добавить BrowserAnimationsModule в свой app.module.

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  ...

imports: [
    ...
    BrowserAnimationsModule,
    ...
  ]

})

На самом деле, если вы отлаживаете свое приложение Angular с помощью Chrome, вы получаете лучший вывод на консоль.