Angular中SdkService注入WalletService后属性为undefined问题排查

可能的原因及解决方法 #

1. 循环依赖导致未初始化实例 #

如果WalletService也注入了SdkService，会形成循环依赖。Angular为避免死循环，会先创建空对象占位，此时构造函数中拿到的walletService就是未完成初始化的空对象。

• 解决：
  • 解耦两个服务的依赖，抽离公共逻辑到第三个服务中
  • 使用Injector手动延迟获取依赖：

    import { Injector } from '@angular/core';
    
    export class SdkService {
      private walletService: WalletService;
      constructor(private injector: Injector) {
        setTimeout(() => {
          this.walletService = this.injector.get(WalletService);
          console.log(this.walletService); // 此时应为完整实例
        });
      }
    }
    

2. forRoot中服务提供顺序错误 #

在模块forRoot方法的providers数组里，若SdkService的配置在WalletService之前，Angular创建SdkService时WalletService还未完成实例化，就会拿到空对象。

• 解决：调整providers数组顺序，确保WalletService的配置项在SdkService之前。

3. 服务实例化时机问题 #

服务构造函数执行时，依赖的服务可能还未完成所有属性初始化（比如WalletService构造函数包含异步或复杂初始化逻辑）。

• 解决：不在构造函数中直接依赖或打印服务实例，改为在实际调用服务方法时使用，或通过setTimeout延迟获取。

4. 服务提供方式冲突 #

如果其中一个服务同时使用providedIn: 'root'和模块forRoot的providers配置，可能导致多实例创建或初始化顺序异常。

• 解决：统一服务提供方式，要么全用providedIn: 'root'，要么全通过模块forRoot的providers提供，避免混合配置。

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