正如标题所述，微调器在我的标记中，但没有样式或至少是不可见的。为什么？它应该是组件的直接导入，到目前为止，只有很少的样式添加到项目中，没有任何样式应该影响这个组件。

component.html

<mat-spinner color="primary" value="100"></mat-spinner>

app.module.ts

import { MatProgressSpinnerModule } from "@angular/material/progress-spinner";

@NgModule({
  imports: [
    ...
    MatProgressSpinnerModule,
    ...
  ],

styles.scss

@use "@angular/material" as mat;

$custom-primary: mat.define-palette(mat.$green-palette, 800, 900, 500);
$custom-accent: mat.define-palette(mat.$brown-palette, A200, A100, A400);

$custom-theme: mat.define-dark-theme(
  (
    color: (
      primary: $custom-primary,
      accent: $custom-accent,
    ),
  )
);

.custom-theme {
  @include mat.button-theme($custom-theme);
}