Угловой материал Тема частично загружена

Question

У меня проблемы с Материальной темой при загрузке некоторых ее функций.

Не могу найти источник проблемы, и я прочитал «Начало работы» из material.angular.io несколько раз, используя команды CLI для обновления моего проекта.

html:

  <button mat-raised-button color="primary" buttonType="submit"
    [disabled]="inquiryForm.invalid || inquiryForm.pristine">
    <mat-icon>library_add</mat-icon> Inquiry
  </button>

styles.scss:

@import "~@angular/material/theming";
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

@import "~material-design-icons/iconfont/material-icons.css";
@import "~roboto-fontface/css/roboto/roboto-fontface.css";

angular.json:

"styles": [
              "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
              "src/styles.scss"
            ]

Я использую Angular 8, все пакеты относятся к версии 8+.

Как показано на рисунке,Кнопка не распознает «основной» цвет, но MatInputs может.Чего мне не хватает?

Answer 1

Откройте ваш app.module.ts (или ваш пользовательский модуль Material, если вы его создали) и добавьте следующие строки:

import { MatButtonModule } from '@angular/material/button';

@NgModule({
  imports: [ // or 'exports:' in case of custom Material module
    // ...
    MatButtonModule,
  ],
  // ...
})
export class AppModule {}