如何正确使用provideAppInitializer替代APP_INITIALIZER？

在将Angular项目升级到19版本后，使用ng update自动迁移APP_INITIALIZER到provideAppInitializer时出现类型错误：

Argument of type '() => NgxBackButtonService' is not assignable to parameter of type '() => void | Observable | Promise'.
Type 'NgxBackButtonService' is not assignable to type 'void | Observable | Promise'.ts(2345)

原APP_INITIALIZER配置：

{
  provide: APP_INITIALIZER,
  useFactory: (service: NgxBackButtonService) => () => service,
  deps: [NgxBackButtonService],
  multi: true,
},

自动迁移后的代码：

provideAppInitializer(() => {
  const initializerFn = ((service: NgxBackButtonService) => () => service)(inject(NgxBackButtonService))
  return initializerFn()
})

修复思路 #

原代码的核心意图是在应用启动时触发NgxBackButtonService的实例化——利用依赖注入机制，当获取服务实例时，Angular会自动创建实例并执行其构造函数逻辑。而provideAppInitializer要求初始化函数返回void、Observable<unknown>或Promise<unknown>类型，迁移后的代码返回了服务实例，导致类型不匹配。

正确代码调整 #

只需在初始化函数中注入并获取服务即可，无需返回实例：

provideAppInitializer(() => {
  // 注入服务触发实例化，执行构造函数逻辑
  inject(NgxBackButtonService);
})

补充说明 #

如果NgxBackButtonService包含异步初始化逻辑（比如有init()方法返回Promise/Observable），则需要返回该异步操作的结果，确保应用等待初始化完成后再启动：

provideAppInitializer(() => {
  const service = inject(NgxBackButtonService);
  // 假设存在异步初始化方法
  return service.init();
})

内容的提问来源于stack exchange，提问作者Raphaël Balet