Угловое переключение материала слайда не отображается

Question

Я пытаюсь использовать mat-slide-toggle на моем сайте, но компонент остается невидимым без реальной ошибки. Другие компоненты Angular Materials, такие как всплывающие подсказки и диалоги, работают нормально

Я уже попытался добавить импорт 'hammerjs' в мой файл main.ts и импортировать deeppurple-amber в мой style.css, а также импортировать правильные модули в мой файл app.module.ts (прилагается), как написано здесь : угловой - мат-слайд-тумблер не виден .

app.module.ts:

    imports: [FormsModule,BrowserModule, BrowserAnimationsModule, MatSlideToggleModule, ]
    exports: [BrowserAnimationsModule, MatSlideToggleModule],
    providers: [ MatSlideToggleModule,  ],

style.css:

    @import './indigo-pink.css';
    @import './deeppurple-amber.css';

HTML:

    <mat-slide-toggle>Slide me!</mat-slide-toggle>

ц

    import { Component } from '@angular/core';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { ManageAdditionsComponent_Logic } from "./ManageAdditions.component"
    import { MatSlideToggleModule } from '@angular/material/slide-toggle';
    import { TranslateService } from '@ngx-translate/core';