Анимация углового материала не работает после использования пользовательской темы

Question

Я использую угловой материал версии 7 и угловой версии 7 После того, как я перехожу на другую тему Кажется, что все работы принимают анимацию Мат-прогресс-бар остановился, как надо

это мой прогресс-бар

<mat-progress-bar mode="indeterminate"></mat-progress-bar>

а вот и пользовательская тема

$my-primary: (
  50: #34495e,
  100: #34495e,
  200: #34495e,
  300: #34495e,
  400: #34495e,
  500: #34495e,
  600: #34495e,
  700: #34495e,
  800: #34495e,
  900: #34495e,
  A100: #34495e,
  A200: #34495e,
  A400: #34495e,
  A700: #34495e,
  contrast: (
    50: white,
    100: white,
    200: white,
    300: white,
    400: white,
    500: white,
    600: white,
    700: white,
    800: white,
    900: white,
    A100: white,
    A200: white,
    A400: white,
    A700: white
  )
);

$my-secondary: (
 // like above
);
// custom theme
@include mat-core();
$app-primary: mat-palette($my-primary);
$app-accent: mat-palette($my-secondary);
$app-warn: mat-palette($mat-red);
$app-theme: mat-light-theme($app-primary, $app-accent, $app-warn);
@include angular-material-theme($app-theme);

Answer 1

Я решил это. я изменил основной цвет 50 100 200 300 400 на более светлый

Answer 2

Можете ли вы вставить в импорт вашего модуля? Убедитесь, что BrowserAnimationsModule импортирован.

Также убедитесь, что NoopAnimationsModule не импортирован.