Angular - 应用程序初始值设定项未被调用

Question

我对 Angular 11 应用程序进行了一些更改，现在有一些问题需要修复。 我不明白的是为什么我定义的应用程序初始值设定项根本没有被调用。 我所做的更改不应该影响这一点，因此我将不胜感激您的一些建议。 我完全按照官方文档中的说明进行操作：

function initApp(http: HttpBackend, settings: AppSettings): () => Observable<any> {
  console.log("INITIALIZING APP");
  var appInfoCall = () => new HttpClient(http).get<IApplicationInfo>(settings.appInfoApi).pipe(
  tap(data => {    
    console.log("APP INITIALIZATION COMPLETE");
    settings.appInfo = data;
  }));
  return appInfoCall; 
}

以及我的 app.module.ts 中的提供程序数组：

...,
{
  provide: APP_INITIALIZER,
  useFactory: initApp,
  deps: [HttpBackend, HttpClient, AppSettings],
  multi: true
}
],
bootstrap: [AppComponent]

从控制台输出中我可以看到 initApp 函数根本没有被调用。 有什么想法为什么会出现这种情况吗？

Answer 1

由于 initApp 预计会注入两个提供程序：

function initApp(http: HttpBackend, settings: AppSettings): () => {
  ...
}

将 APP_INITIALIZER 提供程序 (dep) 修改为：

{
    provide: APP_INITIALIZER,
    useFactory: initApp,
    deps: [HttpBackend, AppSettings],
    multi: true,
}

StackBlitz 上的示例演示

---

参考

APP_INITIALIZER（使用说明）