角9-错误: StaticInjectorError[Http]：StaticInjectorError[Http]：NullInjectorError:没有Http提供程序

Question

我刚开始做角度测试。现在，我正在尝试测试服务。当我为我的单元测试运行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

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

改为：

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

你只需要这个：

imports: [HttpClientTestingModule], 

或者，您可以模拟它而不是实际的ContactService：

class MockContactService {
   // properties and methods to mock
}

现在，您可以在您的提供程序中使用它：

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