Angular测试遇StaticInjectorError：Http无提供者问题求解

从你的错误信息和测试代码来看，核心问题很明确：你已经在测试模块中导入了HttpClientTestingModule，但你的AuthService依赖的是Angular旧版的Http服务，而不是Angular 4.3+推出的HttpClient——HttpClientTestingModule只负责提供HttpClient的测试支持，自然无法解决旧Http的依赖缺失问题。

下面是两种解决方案，优先推荐第一种：

1. 迁移到HttpClient（官方推荐） #

Angular官方早已废弃了旧的Http服务，迁移到HttpClient不仅能解决测试问题，还能获得自动JSON解析、更好的类型支持等特性：

• 打开你的auth.service.ts，修改导入和注入代码：

// 替换旧的Http导入
import { HttpClient } from '@angular/common/http';

@Injectable()
export class AuthService {
  // 把Http替换为HttpClient
  constructor(private http: HttpClient) { }

  // 同时更新你的请求代码：比如去掉`.map(res => res.json())`，因为HttpClient会自动解析JSON响应
}

修改完成后，你现有的测试代码（导入HttpClientTestingModule）就能正常工作，错误会直接消失。

2. 临时方案：为旧Http添加测试依赖 #

如果暂时无法迁移到HttpClient，你需要在测试模块中导入旧版的HttpModule及其测试支持：

• 修改auth.service.spec.ts：

// 导入旧的HttpModule和对应的测试类
import { HttpModule } from '@angular/http';
import { HttpTestingController } from '@angular/http/testing';

describe('AuthService', () => {
  let injector: TestBed;
  let service: AuthService;
  let httpMock: HttpTestingController;

  beforeEach(() => {
    TestBed.configureTestingModule({
      // 把HttpClientTestingModule替换为HttpModule
      imports: [HttpModule, RouterTestingModule],
      providers: [AuthService]
    });
    injector = getTestBed();
    service = injector.get(AuthService);
    httpMock = injector.get(HttpTestingController);
  });

  it('should be created', inject([AuthService], (service: AuthService) => {
    expect(service).toBeTruthy();
  }));
});

⚠️ 注意：这个方案只是临时 workaround，官方已经不再维护旧Http，建议尽早迁移到HttpClient。

验证修复 #

完成上述修改后，重新运行Karma测试，NullInjectorError: No provider for Http!的错误应该就会被解决了。

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