Angular 9 - Error: StaticInjectorError[Http]: StaticInjectorError[Http]: NullInjectorError: No provider for Http

Question

我是 Angular 测试的新手。现在我正在尝试测试 services。当我运行 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
   }
]

Angular 9 - Error: StaticInjectorError[Http]: StaticInjectorError[Http]: NullInjectorError: No provider for Http

Angular 9 - Error: StaticInjectorError[Http]: StaticInjectorError[Http]: NullInjectorError: No provider for Http

angular

karma-jasmine

angular-test