Project becomes inactive after tapping into App_Initializer

[NANA DARKO]

I am getting endpoints from a file within my assets folder before the angular app is bootstrapped. I get the endpoints alright but the app UI doesn't display unless I reresh the page.  The application works fine if I do not tap into App_Initializer. Please I would need your help to fix it. Below is my code

*AppModule

export function init_app(appLoaderService: AppLoaderService) {

return (): Promise<any> => {

return appLoaderService.getEndpoints();

}

}

@NgModule({

providers: [

AppLoaderService,

{

provide: APP_INITIALIZER,

useFactory: init_app,

deps: [AppLoaderService],

multi: true

}

],

*Service

getEndpoints(): Promise<any> {

const promise = this.client.get<EndPoints>('assets/apiEndPoints.json').toPromise()

.then(data => {

this.endpoints = data;

console.log('Endpoints', data);

return data;

});

return promise;

}