Angular测试报错：providedIn: Module导致组件实例化失败

问题根源 #

你的代码存在服务重复注册的冲突：

• MyService已经通过@Injectable({ providedIn: MyModule })声明由MyModule提供
• 同时在MyModule的providers数组里又重复添加了MyService

生产环境中Angular的构建优化会自动合并这种重复注册，但测试环境（Karma/Jasmine）的注入机制对这类冲突更敏感，导致组件实例化时出现ɵcmp相关的未定义错误（ɵcmp是Angular编译生成的组件内部标识，通常在注入链异常时触发）。

而使用providedIn: 'root'或providedIn: 'any'时，Angular的单例/多实例管理机制会自动处理重复注册，因此不会报错。

解决方案 #

步骤1：清理重复的服务注册 #

二选一，确保服务只被注册一次：

1. 保留@Injectable({ providedIn: MyModule })，删除MyModule的providers数组中的MyService：

@Injectable({
  providedIn: MyModule
})
export class MyService {
 //... do stuff
}

// ---

@NgModule({
  declarations: [MyComp],
  imports: [
    ReactiveFormsModule,
    CommonModule,
    SharedModule,
    ComponentsModule,
    MyCompRoutingModule
  ],
  providers: [] // 移除MyService
})
export class MyModule {}

2. 或者删除providedIn: MyModule，仅保留MyModule的providers数组中的MyService：

@Injectable() // 移除providedIn配置
export class MyService {
 //... do stuff
}

// ---

@NgModule({
  declarations: [MyComp],
  imports: [
    ReactiveFormsModule,
    CommonModule,
    SharedModule,
    ComponentsModule,
    MyCompRoutingModule
  ],
  providers: [MyService] // 保留此处注册
})
export class MyModule {}

步骤2：对齐测试环境的注入上下文 #

测试代码中，建议直接导入MyModule而非手动声明组件和注册服务，确保测试环境的注入逻辑与生产环境完全一致：

describe('MyComponent', () => {
  let component: MyComponent;
  let service: MyService;
  let fixture: ComponentFixture<MyComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [
        HttpClientTestingModule,
        RouterTestingModule,
        MyModule // 导入完整模块，复用生产环境的服务注册逻辑
      ]
    }).compileComponents();

    fixture = TestBed.createComponent(MyComponent);
    component = fixture.componentInstance;
    service = TestBed.inject(MyService);
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });
});

如果因测试隔离需求不能导入完整模块，需确保测试中providers数组的服务注册方式与生产环境完全匹配（比如生产用providedIn: MyModule，测试就不要手动添加MyService到providers，而是通过导入MyModule来获取服务）。

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