Блог

Я пытаюсь добавить @angular/material в свой проект, но, похоже, ни один из классов не применяется к компонентам материала. В настоящее время для сборки используются Angular 12 и Webpack 4 (первоначально созданные jhipster).

Я попытался добавить материал, как обычно, и в соответствии с https://material.angular.io/guide/getting-started

• Добавить материал: ng add @angular/material
• Импортировано BrowserAnimationsModule в app.module
• Добавьте тему в my styles.scss @import '~@angular/material/prebuilt-themes/indigo-pink.css';
• HTML: <mat-card>Hello World</mat-card>
• Импортировал буквально любой модуль компонента в app.module, который я пытался использовать ( MatCardModule в данном случае).

Я посмотрел на консоль разработчика и ясно вижу, что файлы темы включены, однако при запуске проекта ни один из классов не применяется к компонентам материала.

Вот как это отображается:

<mat-card _ngcontent-ptx-c228="">Hello World</mat-card>

Но это результат, которого я ожидаю:

<mat-card _ngcontent-shu-c42="" class="mat-card mat-focus-indicator">Hello World</mat-card>