Angular中APP_INITIALIZER未触发：Observable检测失败问题排查

问题根源 #

你的APP_INITIALIZER配置存在核心错误：在useFactory中你返回了initializeAppFactory函数本身，而非调用该函数后得到的、返回Observable的闭包函数。这导致Angular的isSubscribable检测失败——因为检测到的是普通函数，而非带有subscribe方法的可订阅对象，因此初始化逻辑完全未被执行。

修正步骤 #

修改AppModule中APP_INITIALIZER的useFactory配置，直接传入initializeAppFactory即可，不需要额外包裹箭头函数：

修正后的AppModule代码

export function initializeAppFactory(uscfg: UserConfigService): () => Observable<any> {
  return () => uscfg.loadUserInfo();
};
...
{ 
  provide: APP_INITIALIZER, 
  useFactory: initializeAppFactory, // 此处为关键修改
  multi: true, 
  deps: [UserConfigService]
}

额外注意事项 #

如果你的loadUserInfo方法中，tap操作符内包含额外异步调用，需要确保这些异步操作被合并到主Observable流中（比如用concatMap/mergeMap替代tap），否则主Observable完成后，嵌套的异步逻辑不会等待执行完成。示例：

public loadUserInfo(): Observable<any> {
  return this.http.get(this.baseUrl + '/auth-info', httpOptions)
    .pipe(
      concatMap(value => {
        // 处理value并执行额外异步调用，返回对应的Observable
        return this.anotherService.processAsync(value);
      }),
      tap(finalResult => {
        // 最终同步处理逻辑
      })
    );
}

内容的提问来源于stack exchange，提问作者user4512668