How to use the @uirouter/angular.UIRouterModule.forRoot function in @uirouter/angular

function setupTestBed() {
    // noinspection JSIgnoredPromiseFromCall
    TestBed.configureTestingModule({
      imports: [
        UIRouterModule.forRoot({}),
        HttpClientModule
      ],
      providers: [
        I18nService,
        States,
        IsolatedQuerySpace,
        HalEventsService,
        TimezoneService,
        PathHelperService,
        ConfigurationService,
        CurrentUserService,
        HookService,
        OpenProjectFileUploadService,
        OpenProjectDirectFileUploadService,
        LoadingIndicatorService,
        HalResourceService,

MatCardModule,
		MatIconModule,
		MatListModule,
		MatSidenavModule,
		MatTooltipModule,
		StoreModule.forRoot(reducers, {
			metaReducers
		}),
		// store dev tools instrumentation must be imported AFTER StoreModule
		StoreDevtoolsModule.instrument({
			maxAge: 50, // retains last 50 states
			name: "Stark Starter - NgRx Store DevTools", // shown in the monitor page
			logOnly: environment.production // restrict extension to log-only mode (setting it to false enables all extension features)
		}),
		EffectsModule.forRoot([]), // needed to set up the providers required for effects
		UIRouterModule.forRoot({
			states: APP_STATES,
			useHash: false, // to use Angular's PathLocationStrategy in order to support HTML5 Push State
			otherwise: "otherwise",
			config: routerConfigFn
		}),
		TranslateModule.forRoot(),
		StarkHttpModule.forRoot(),
		StarkLoggingModule.forRoot(),
		StarkSessionModule.forRoot(),
		StarkSettingsModule.forRoot(),
		StarkRoutingModule.forRoot(),
		StarkUserModule.forRoot(),
		StarkAppFooterModule,
		StarkAppLogoModule,
		StarkAppLogoutModule,
		StarkAppMenuModule,

// See docs/COPYRIGHT.rdoc for more details.
//++

import { Injector, NgModule } from '@angular/core';
import { FirstRouteService } from "core-app/modules/router/first-route-service";
import { UIRouterModule } from "@uirouter/angular";
import { ApplicationBaseComponent } from "core-app/modules/router/base/application-base.component";
import {
  initializeUiRouterListeners,
  OPENPROJECT_ROUTES,
  uiRouterConfiguration
} from "core-app/modules/router/openproject.routes";

@NgModule({
  imports: [
    UIRouterModule.forRoot({
      states: OPENPROJECT_ROUTES,
      useHash: false,
      config: uiRouterConfiguration,
    } as any),
  ],
  providers: [
    FirstRouteService
  ],
  declarations: [
    ApplicationBaseComponent
  ]
})
export class OpenprojectRouterModule {
  constructor(injector:Injector) {
    initializeUiRouterListeners(injector);
  }

* Import Angular's modules.
	 */
	imports: [
		BrowserModule,
		BrowserAnimationsModule,
		StoreModule.forRoot(reducers, {
			metaReducers
		}),
		// store dev tools instrumentation must be imported AFTER StoreModule
		StoreDevtoolsModule.instrument({
			maxAge: 50, // retains last 50 states
			name: "Stark Showcase - NgRx Store DevTools", // shown in the monitor page
			logOnly: environment.production // restrict extension to log-only mode (setting it to false enables all extension features)
		}),
		EffectsModule.forRoot([StarkErrorHandlingEffects, StarkRbacUnauthorizedNavigationEffects]), // needed to set up the providers required for effects
		UIRouterModule.forRoot({
			states: APP_STATES,
			useHash: false, // to use Angular's PathLocationStrategy in order to support HTML5 Push State
			otherwise: "otherwise",
			config: routerConfigFn
		}),
		TranslateModule.forRoot(),
		StarkHttpModule.forRoot(),
		StarkLoggingModule.forRoot(),
		StarkSessionModule.forRoot({
			loginStateName: starkPreloadingStateName // get rid of the Login page in the Showcase :-)
		}),
		StarkErrorHandlingModule.forRoot(),
		StarkSettingsModule.forRoot(),
		StarkRoutingModule.forRoot(),
		StarkRBACAuthorizationModule.forRoot(),
		StarkUserModule.forRoot(),

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { UIRouterModule } from '@uirouter/angular';

import { AppComponent } from './app.component';
import { Component1Component } from './component1/component1.component';
import { Component2Component } from './component2/component2.component';

import { states } from './states';

@NgModule({
  declarations: [AppComponent, Component1Component, Component2Component],
  imports: [BrowserModule, UIRouterModule.forRoot({ states, useHash: true })],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}

AppComponent,
    ContinentListComponent,
    CountryDetailComponent,
    CountryListComponent,
  ],
  entryComponents: [
    AboutComponent,
    AppComponent,
    ContinentListComponent,
    CountryDetailComponent,
    CountryListComponent,
  ],
  imports: [
    BrowserModule,
    FormsModule,
    UIRouterModule.forRoot({
      config: configFn,
    })
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

import {FormsModule} from "@angular/forms";
import {HttpModule} from "@angular/http";
import {UIRouterModule} from "@uirouter/angular";
import {uiRouterConfigFn} from "./app.routerconfig";

let tasksState = { name: 'tasks', url: '/tasks',  component: TaskListComponent }; 
let aboutState = { name: 'about', url: '/about',  component: AboutComponent };
let staffState = { name: 'staff', url: '/staff',  component: StaffListComponent };

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        HttpModule,
        UIRouterModule.forRoot({ states: [ tasksState, aboutState, staffState ], 
                                 config: uiRouterConfigFn, 
                                 useHash: true })
    ],
    declarations: [
        AppComponent,
        TaskComponent,
        TaskListComponent,
        AboutComponent,
        StaffListComponent,
    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {}

const STATES = [
  { name: 'hello', url: '/hello', component: HelloComponent },
  { name: 'world', url: '/world', component: WorldComponent },
  { name: 'world.nest', url: '/nest', component: NestComponent },
]

@NgModule({
  declarations: [
    AppComponent,
    HelloComponent,
    WorldComponent,
    NestComponent
  ],
  imports: [
    BrowserModule,
    UIRouterModule.forRoot({ states: STATES }),
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

import { LoginComponent } from './login.component';
import { HomeComponent } from './home.component';
import { UIRouterModule, UIView } from '@uirouter/angular';
import { APP_STATES } from './app.states';
import { GlobalModule } from './global/global.module';
import { routerConfigFn } from './router.config';

@NgModule({
  declarations: [
    AppComponent,
    WelcomeComponent,
    LoginComponent,
    HomeComponent
  ],
  imports: [
    UIRouterModule.forRoot({
      states: APP_STATES,
      useHash: true,
      otherwise: { state: 'home' },
      config: routerConfigFn,
    }),
    GlobalModule,
    BrowserModule,
    FormsModule
  ],
  bootstrap: [UIView]
})
export class AppModule { }

positionClass: "toast-bottom-right",
            preventDuplicates: true,
            maxOpened: 3
        }),
        TranslateModule.forRoot({
            loader: {
                provide: TranslateLoader,
                useFactory: (createTranslateLoader),
                deps: [HttpClient]
            },
            compiler: {
                provide: TranslateCompiler,
                useClass: TranslateMessageFormatCompiler
            }
        }),
        UIRouterModule.forRoot({
            states: [
                LoginStates,
                DashboardStates,
                ConverterFutureState,
                SettingsFutureState
            ],
            useHash: true,
            config: routerConfigFn,
            otherwise: "/"
        })
    ],
    providers: [
        { provide: HTTP_INTERCEPTORS, useClass: AuthHttpInterceptor, multi: true },
        {
            provide: MESSAGE_FORMAT_CONFIG, useValue: {
                biDiSupport: false,