Angular使用APP_INITIALIZER配合useClass启动报错如何解决？

核心错误来自APP_INITIALIZER令牌的设计约束：该令牌要求绑定的必须是返回Promise或Observable的函数，你最初使用useClass直接绑定服务类的写法不符合要求，这是抛出TypeError: this.appInits[i] is not a function错误的根本原因。

• 与HTTP拦截器的逻辑差异：HTTP_INTERCEPTORS令牌要求提供的是实现了拦截器接口的类实例，因此用useClass绑定服务类可以正常运行；但APP_INITIALIZER会在应用启动阶段执行所有绑定的函数，只有等所有函数返回的异步状态完成后才会启动应用，二者的设计逻辑完全不同。
• 初始代码的问题：你写的InitService实现了路由守卫的Resolve接口，resolve方法本身确实返回了请求的Promise，但直接用useClass绑定到APP_INITIALIZER时，Angular只会实例化该服务类，不会自动调用它的resolve方法，注入器拿到的是类实例而不是要求的可执行函数，因此触发类型错误。

你调整后的@core/init/index.ts代码完全符合APP_INITIALIZER的使用规范：

• 首先将InitService加入providers数组，确保依赖注入容器可以实例化该服务
• 通过useFactory工厂函数注入InitService实例，返回一个匿名函数，函数内部调用resolve方法返回请求Promise，完全匹配APP_INITIALIZER的类型要求。

• 可以将InitService中的resolve方法重命名为init等语义更贴合的名称，避免和路由守卫的Resolve逻辑混淆
• Angular新版本中Observable.toPromise()已被标记为废弃，可替换为firstValueFrom(this._http.get("/API"))，需要从rxjs导入firstValueFrom方法。

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