Angular测试报错：注入MockService时为何出现ReferenceError？

• 检查测试文件中UserService的导入顺序
  这个错误大概率是变量提升导致的时序问题：如果在jasmine.createSpyObj中引用了UserService，但导入语句写在SpyObj创建之后，就会触发该错误。确保导入语句放在所有测试逻辑之前：

  // 先导入服务
  import { UserService } from '../user.service';
  
  // 再创建Mock对象
  const userServiceSpy = jasmine.createSpyObj('UserService', ['getUser']);
  

• 清理TestBed配置中的真实服务引用
  即使组件已经清空，也要检查测试模块的providers配置，避免意外引入真实的UserService。比如不要同时存在真实服务和Mock服务的提供项：
  错误示例：

  TestBed.configureTestingModule({
    providers: [
      UserService, // 此处会实例化真实服务
      { provide: UserService, useValue: userServiceSpy }
    ]
  });
  

  正确配置：

  TestBed.configureTestingModule({
    providers: [
      { provide: UserService, useValue: userServiceSpy }
    ]
  });
  

• 排查全局测试钩子或其他测试文件的干扰
  如果当前测试文件的beforeEach/beforeAll有全局TestBed配置，或者其他测试文件未正确隔离上下文，可能导致真实服务被意外初始化。可以单独运行当前测试文件验证：

  ng test --include=path/to/your.component.spec.ts
  

• 用useFactory延迟Mock对象的创建
  变量提升问题可以通过工厂函数延迟Mock创建来规避，确保服务引用时已经完成初始化：

  TestBed.configureTestingModule({
    providers: [
      { 
        provide: UserService, 
        useFactory: () => jasmine.createSpyObj('UserService', ['getUser']) 
      }
    ]
  });
  

• 确认TypeScript测试配置的版本兼容性
  虽然你未修改配置，但可以检查tsconfig.spec.json的编译选项，确保目标版本和模块版本符合Angular 14的要求，避免变量提升行为异常：

  {
    "compilerOptions": {
      "target": "ES2020",
      "module": "ES2022",
      ...
    }
  }
  

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