Ionic3：如何在ErrorHandlerService中注入服务/提供者？

你遇到的这个Cannot read property '_appLog' of undefined错误，核心原因是错误处理逻辑触发的时机早于_appLog的赋值时机——虽然你用了setTimeout延迟获取ConfigService，但Angular的全局错误处理器可能在应用启动初期就被调用，这时候setTimeout的回调还没执行，_appLog还是undefined，自然会抛出这个错误。

下面给你几种靠谱的解决方案，按需选择：

方案1：在handleError中懒加载服务（最推荐） #

把获取ConfigService的逻辑移到handleError方法内部，每次处理错误时再去获取服务，确保服务已经完成初始化：

import { Injectable, ErrorHandler, Injector } from '@angular/core';
import { ConfigService } from './path-to-config.service';

@Injectable({ providedIn: 'root' })
export class ErrorHandlerService implements ErrorHandler {
  constructor(private injector: Injector) {}

  handleError(error: Error | HttpErrorResponse) {
    // 每次处理错误时才获取ConfigService实例
    const appLog = this.injector.get(ConfigService);

    // 这里正常使用appLog显示toast或其他操作
    if (error instanceof HttpErrorResponse) {
      appLog._appLog(`HTTP错误: ${error.status} - ${error.message}`);
    } else {
      appLog._appLog(`客户端错误: ${error.message}`);
    }

    // 其他错误处理逻辑（比如上报、日志记录）...
  }
}

这种方式完全避开了时序问题，只要handleError被调用，就说明应用已经启动完成，服务肯定可用。

方案2：构造函数直接注入（处理循环依赖） #

如果直接在构造函数注入ConfigService时出现循环依赖错误，可以用forwardRef来解决：

首先导入所需依赖：

import { Injectable, ErrorHandler, forwardRef, Inject } from '@angular/core';
import { ConfigService } from './path-to-config.service';

然后修改构造函数：

@Injectable({ providedIn: 'root' })
export class ErrorHandlerService implements ErrorHandler {
  constructor(
    @Inject(forwardRef(() => ConfigService)) private appLog: ConfigService
  ) {}

  handleError(error: Error | HttpErrorResponse) {
    // 直接使用this.appLog即可
    this.appLog._appLog(`发生错误: ${error.message}`);
    // 其他逻辑...
  }
}

如果没有循环依赖问题，直接注入就行，不用forwardRef：

@Injectable({ providedIn: 'root' })
export class ErrorHandlerService implements ErrorHandler {
  constructor(private appLog: ConfigService) {}

  handleError(error: Error | HttpErrorResponse) {
    this.appLog._appLog(`错误信息: ${error.message}`);
    // 其他错误处理...
  }
}

方案3：用APP_INITIALIZER提前初始化服务 #

如果ConfigService需要加载一些配置文件或异步数据，导致初始化较慢，可以用APP_INITIALIZER让它在应用启动前就完成初始化：

在你的根模块（比如AppModule）中配置：

import { NgModule, APP_INITIALIZER } from '@angular/core';
import { ConfigService } from './path-to-config.service';
import { ErrorHandlerService } from './path-to-error-handler.service';

// 定义初始化函数，确保ConfigService完成初始化
export function initConfigService(configService: ConfigService) {
  return () => configService.loadInitialData(); // 假设这个方法是异步加载配置的
}

@NgModule({
  providers: [
    ConfigService,
    {
      provide: APP_INITIALIZER,
      useFactory: initConfigService,
      deps: [ConfigService],
      multi: true
    },
    { provide: ErrorHandler, useClass: ErrorHandlerService }
  ]
})
export class AppModule {}

这样应用启动时会先等待ConfigService初始化完成，之后ErrorHandlerService就能直接拿到可用的实例了。

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