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

如何解决Angular 9-错误：StaticInjectorError [Http]：StaticInjectorError [Http]：NullInjectorError：没有Http提供程序

我是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 '../';

解决方法

您正在从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
   }
]