Angular 9 - 错误：StaticInjectorError[Http]：StaticInjectorError[Http]：NullInjectorError：没有 Http 提供者

Question

我是 Angular 测试的新手。 现在我正在尝试测试服务。 当我为我的单元测试运行ng test并且这些测试使用该服务时，我收到错误消息：

Error: StaticInjectorError[Http]:  
StaticInjectorError[Http]: 
NullInjectorError: No provider for Http!

这是我的规范文件：

import { TestBed, inject } from "@angular/core/testing";
import { ContactService } from "./contact.service";
import { HttpClientTestingModule, HttpTestingController } from '@angular/common/http/testing';
import {HttpClientModule} from '@angular/common/http';

describe("ContactService", () => {
  beforeEach(() => {
    TestBed.configureTestingModule({
        imports: [HttpClientTestingModule, HttpClientModule], 
        providers: [ContactService],
    });
  });
  
  it("should ...", inject([ContactService], (service: ContactService) => {
    expect(service).toBeTruthy();
  }));
});

这是我的 .sevice.ts 文件导入：

import { Headers, Http } from '@angular/http';
import 'rxjs/add/operator/toPromise';
import { Contact } from '../';

Answer 1

您正在从@angular/common注入http模块，但您已经导入了@angular/http模块。

改成这样：

import { Headers, Http } from '@angular/common/http';

你只需要这个：

imports: [HttpClientTestingModule], 

或者代替实际的ContactService你可以模拟它：

class MockContactService {
   // properties and methods to mock
}

现在你可以在你的提供者中使用它：

providers: [
   {
     provide: ContactService,
     useClass: MockContactService
   }
]