加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

angular-ng test没有Http的提供者!错误

发布时间:2020-12-17 06:49:11 所属栏目:安全 来源:网络整理
导读:我尝试为我的Angular2应用程序进行测试.我还没有制作模拟服务,所以我尝试使用我的正常服务. 确切的错误: Error: No provider for Http! at injectionError (http://localhost:9876/base/src/test.ts:1538:86) [angular] at noProviderError (http://localho
我尝试为我的Angular2应用程序进行测试.我还没有制作模拟服务,所以我尝试使用我的正常服务.

确切的错误:

Error: No provider for Http!
    at injectionError (http://localhost:9876/base/src/test.ts:1538:86) [angular]
    at noProviderError (http://localhost:9876/base/src/test.ts:1576:12) [angular]
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_._throwOrNull (http://localhost:9876/base/src/test.ts:3077:19) [angular]
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_._getByKeyDefault (http://localhost:9876/base/src/test.ts:3116:25) [angular]
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_._getByKey (http://localhost:9876/base/src/test.ts:3048:25) [angular]
    at ReflectiveInjector_.Array.concat.ReflectiveInjector_.get (http://localhost:9876/base/src/test.ts:2917:21) [angular]
    at DynamicTestModuleInjector.Array.concat.NgModuleInjector.get (http://localhost:9876/base/src/test.ts:3864:52) [angular]

我要测试的组件的@component是:

@Component({
  selector: 'app-game-board',templateUrl: './game-board.component.html',styleUrls: ['./game-board.component.css'],providers: [GameBoardService]
})

我试图在spec.ts类(测试)中导入HTTPModule,但我无法让它工作.这是spec.ts的代码

import { async,ComponentFixture,TestBed } from '@angular/core/testing';
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { GameBoardComponent } from './game-board.component';
import { GameBoardService } from "app/services/gameboardservice";

describe('GameBoardComponent',() => {
  let component: GameBoardComponent;
  let fixture: ComponentFixture<GameBoardComponent>;

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [HttpModule],//this is where I try to import the HttpModule
      declarations: [ GameBoardComponent ],providers: [GameBoardService]
    })
    .compileComponents();
  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(GameBoardComponent);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create',() => {
    expect(component).toBeTruthy();
  });
});

我也在测试类的提供者中尝试过这个:

providers: [{ provide: Http,useValue: GameBoardService }]

解决方法

您仍然需要为测试类提供HTTP,并且您可能希望使用MockBackend.

这是我认为你需要添加的行.

import { MockBackend } from '@angular/http/testing';
import { HttpClient } from '@angular/common/http';

在TestBed.configureTestingModule的提供程序中:

providers: [
  {provide: HttpClient,deps: [MockBackend]},...
],

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读