Не могу установить тему

Question

Невозможно установить предварительно созданную тему Angular Material. Установлены все компоненты, связанные с файлом .css. Все еще есть ошибка сохранения:

Не удалось найти тему ядра Angular Material. Большинство компонентов материала могут работать не так, как ожидалось. Для получения дополнительной информации обратитесь к руководству по темам: https://material.angular.io/guide/theming

Добавлено в .css: @import "~@angular/material/prebuilt-themes/indigo-pink.css"

Установлены все компоненты @ angular / material @ angular / cdk @ angular / animations и импортированы все модули: BrowserAnimationsModule, MatButtonModule, MatCheckboxModule.

Ожидаем увидеть гладкий дизайн материала.

Answer 1

Файл темы должен быть импортирован в глобальный styles.css файл вашего приложения в соответствии с Angular Material Docs :

Если вы используете Angular CLI, это так же просто, как включение одной строки в вашем styles.css файле:

@import '@angular/material/prebuilt-themes/deeppurple-amber.css';

Кроме того, вы можете просто обратиться к файлу напрямую. Это будет выглядеть примерно так:

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">