Angular 无法在服务供应商js 65401中加载配置文件

Angular 无法在服务供应商js 65401中加载配置文件,angular,angular7,angular8,angular-services,angular9,Angular,Angular7,Angular8,Angular Services,Angular9,它可以很好地注入组件中。问题发生在服务注入中 我正在为端点使用运行时配置。它在组件中工作。我可以在运行时进行更改,但在注入其他全局服务时抛出错误 export class AppConfigService { static settings: IAppConfig; constructor(private http: HttpClient) {} load() { const jsonFile = `../assets/config/config.json`; retu

它可以很好地注入组件中。问题发生在服务注入中

我正在为端点使用运行时配置。它在组件中工作。我可以在运行时进行更改,但在注入其他全局服务时抛出错误

export class AppConfigService {
    static settings: IAppConfig;
constructor(private http: HttpClient) {}
load() {

    const jsonFile = `../assets/config/config.json`;
    return new Promise<void>((resolve, reject) => {
        this.http.get(jsonFile).toPromise().then((response : IAppConfig) => {
           AppConfigService.settings = <IAppConfig>response;
           console.log('Config Loaded');
           console.log( AppConfigService.settings);
           resolve();
           
        }).catch((response: any) => {
           reject(`Could not load the config file`);
        });
    });
}
参考链接:


您好,我为您添加了一个示例:


您好,我为您添加了一个示例:

providers: [
    AppConfigService,
    { provide: APP_INITIALIZER,useFactory: initializeApp, deps: [AppConfigService], multi: true},


export function initializeApp(appConfigService: AppConfigService) {
  return (): Promise<any> => { 
    return appConfigService.load();
  }
}
@Injectable({
  providedIn: 'root'
})
export class AuthService {

   apiServer = AppConfigService.settings.apiServer;

  constructor(private httpClient: HttpClient) { 

      console.log(this.apiServer.link1);
    }