How to use the ngx-bootstrap/alert.AlertModule.forRoot function in ngx-bootstrap

import {ColorsService} from "./colors/colors.service";
import {CheckallDirective} from "./directives/checkall/checkall.directive";
import {VectormapDirective} from "./directives/vectormap/vectormap.directive";
import {NowDirective} from "./directives/now/now.directive";
import {ScrollableDirective} from "./directives/scrollable/scrollable.directive";
import {JqcloudDirective} from "./directives/jqcloud/jqcloud.directive";

// https://angular.io/styleguide#!#04-10
@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        ReactiveFormsModule,
        TranslateModule,
        AccordionModule.forRoot(),
        AlertModule.forRoot(),
        ButtonsModule.forRoot(),
        CarouselModule.forRoot(),
        CollapseModule.forRoot(),
        DatepickerModule.forRoot(),
        BsDropdownModule.forRoot(),
        ModalModule.forRoot(),
        PaginationModule.forRoot(),
        ProgressbarModule.forRoot(),
        RatingModule.forRoot(),
        TabsModule.forRoot(),
        TimepickerModule.forRoot(),
        TooltipModule.forRoot(),
        TypeaheadModule.forRoot(),
        ToasterModule
    ],
    providers: [

backdrop: true,
    });
}

const SPACE_CREATE_ROUTES: Routes = [
    { path: '', component: SpaceCreateComponent }
];

@NgModule({
    imports: [
        CommonModule,
        FormsModule,
        BusyModule,
        ArchwizardModule,
        ImageCropperModule,
        AlertModule.forRoot(),
        TooltipModule.forRoot(),
        TabsModule.forRoot(),
        ToastyModule.forRoot(),
        PaginationModule.forRoot(),
        RouterModule.forChild(SPACE_CREATE_ROUTES)
    ],
    exports: [],
    declarations: [
        SpaceCreateComponent
    ],
    providers: [
        // ArticleService,
        // UserService,
        SpaceService,
        {
            provide: BusyConfig,

import { AlertsComponent } from './alerts.component';

import { BadgesComponent } from './badges.component';

// Modal Component
import { ModalModule } from 'ngx-bootstrap/modal';
import { ModalsComponent } from './modals.component';

// Notifications Routing
import { NotificationsRoutingModule } from './notifications-routing.module';

@NgModule({
  imports: [
    CommonModule,
    NotificationsRoutingModule,
    AlertModule.forRoot(),
    ModalModule.forRoot()
  ],
  declarations: [
    AlertsComponent,
    BadgesComponent,
    ModalsComponent
  ]
})
export class NotificationsModule { }

describe('GrafanaComponent', () => {
  let component: GrafanaComponent;
  let fixture: ComponentFixture;

  configureTestBed({
    declarations: [GrafanaComponent, InfoPanelComponent, LoadingPanelComponent],
    imports: [AlertModule.forRoot(), HttpClientTestingModule, RouterTestingModule],
    providers: [CephReleaseNamePipe, SettingsService, SummaryService]
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(GrafanaComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

declarations: [
    AppComponent,
    HeaderComponent,
    FooterComponent,
    RegisterComponent,
    LoginComponent,
    DashboardComponent,
    PagenotfoundComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    ReactiveFormsModule,
    HttpClientModule,
    AlertModule.forRoot(),
    LeafletModule.forRoot()
  ],
  providers: [RegisterService, MapService, AuthService, AuthGuard],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { SharedModule } from '../shared/shared.module';
import { BackendSettingComponent } from './backend-setting.component';
import { HeadNavComponent } from './head-nav.component';
import { SetupComponent } from './setup.component';
import { TitlebarComponent } from './titlebar.component';
import { MoritapoSettingComponent } from './moritapo-setting.component';
import { ViewSettingComponent } from './view-setting.component';
import { PlayerModule } from '../player/player.module';

@NgModule({
  imports: [
    BrowserModule,
    ReactiveFormsModule,
    RouterModule,
    AlertModule.forRoot(),
    BsDropdownModule.forRoot(),
    CollapseModule.forRoot(),
    ModalModule.forRoot(),
    SharedModule,
    PlayerModule,
  ],
  exports: [
    BackendSettingComponent,
    HeadNavComponent,
    MoritapoSettingComponent,
    SetupComponent,
    TitlebarComponent,
    ViewSettingComponent,
  ],
  declarations: [
    BackendSettingComponent,

import { SelectModule } from '../shared/modules/select.module';
import { WorkflowModule } from '../shared/modules/workflow.module';
import { getTooltipConfig } from './../shared/tooltip';
import { SearchWorkflowsComponent } from './search/search.component';
import { WorkflowsComponent } from './workflows.component';
import { workflowsRouting } from './workflows.routing';

@NgModule({
  declarations: [
    WorkflowsComponent,
    SearchWorkflowsComponent
  ],
  imports: [
    CommonModule,
    AccordionModule.forRoot(),
    AlertModule.forRoot(),
    HeaderModule,
    ListWorkflowsModule,
    NgxMdModule.forRoot(),
    SelectModule,
    TabsModule.forRoot(),
    TooltipModule.forRoot(),
    WorkflowModule,
    workflowsRouting
  ],
  providers: [
    {provide: TooltipConfig, useFactory: getTooltipConfig}
  ]
})
export class WorkflowsModule {
}

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
import { TranslateModule } from '@ngx-translate/core';
import { PipesModule } from '@rucken/core';
import { AlertModule } from 'ngx-bootstrap/alert';
import { DirectivesModule } from '../../directives/directives.module';
import { FormGroupModule } from '../form-group/form-group.module';
import { PromptFormModalComponent } from './prompt-form-modal.component';

@NgModule({
  imports: [
    CommonModule,
    ReactiveFormsModule,
    FormsModule,
    DirectivesModule,
    TranslateModule.forChild(),
    AlertModule.forRoot(),
    PipesModule,
    FormGroupModule,
    FontAwesomeModule
  ],
  declarations: [PromptFormModalComponent],
  entryComponents: [PromptFormModalComponent],
  exports: [PromptFormModalComponent, ReactiveFormsModule, FormsModule, DirectivesModule, PipesModule, FormGroupModule]
})
export class PromptFormModalModule {}

defineLocale('cs', csLocale);
}

@NgModule({
  imports: [
    AppStoreModule,
    CommonModule,
    FormsModule,
    HttpClientModule,
    RouterModule,
    SharedModule,
    ClickOutsideModule,
    GuardsModule,
    BrowserAnimationsModule,
    NotificationsModule,
    AlertModule.forRoot(),
    BsDatepickerModule.forRoot(),
    BsDropdownModule.forRoot(),
    PopoverModule.forRoot(),
    ModalModule.forRoot(),
    TimepickerModule.forRoot(),
    TypeaheadModule.forRoot(),
    DeviceDetectorModule.forRoot(),
  ],
  declarations: [HomeComponent, RedirectComponent],
  providers: [
    {
      provide: ErrorHandler,
      useClass: SentryErrorHandler,
    },
    httpInterceptorProviders,
    CollectionService,

import { PoolEditPeerModalComponent } from './pool-edit-peer-modal/pool-edit-peer-modal.component';
import { PoolListComponent } from './pool-list/pool-list.component';

@NgModule({
  entryComponents: [OverviewComponent, PoolEditModeModalComponent, PoolEditPeerModalComponent],
  imports: [
    CommonModule,
    TabsModule.forRoot(),
    SharedModule,
    RouterModule,
    FormsModule,
    ReactiveFormsModule,
    ProgressbarModule.forRoot(),
    BsDropdownModule.forRoot(),
    ModalModule.forRoot(),
    AlertModule.forRoot(),
    TooltipModule.forRoot(),
    TreeModule,
    NgBootstrapFormValidationModule
  ],
  declarations: [
    DaemonListComponent,
    ImageListComponent,
    OverviewComponent,
    PoolEditModeModalComponent,
    PoolEditPeerModalComponent,
    PoolListComponent,
    MirrorHealthColorPipe
  ],
  exports: [OverviewComponent]
})
export class MirroringModule {}