角业力-茉莉花 无法读取未定义的属性'get'

Question

example.service.ts

import { Injectable } from '@angular/core';
import { Http, Headers, RequestOptions, URLSearchParams, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/Rx';
import { environment as ENV } from '../../environments/environment';
import { SharedService } from './shared.service';
video(id): Observable<any> {
let sessionId = this.sharedService.sessionId();
return this.http.get(ENV.api_url + '&videoId=' + id)
.map(this.extractData)
.catch(this.handleError);

}

example.service.spec.ts

import { async, ComponentFixture, TestBed } from 
'@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { Http, HttpModule } from '@angular/http';
import { MockBackend } from '@angular/http/testing';

describe('VideosComponent', () => {
let component: VideosComponent;
let fixture: ComponentFixture<VideosComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
imports: [
RouterTestingModule
],
declarations: [ VideosComponent ],
providers: [
{
provide: Http,
deps: [MockBackend]
},
]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(VideosComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

我遇到类型错误：当我尝试运行测试时，无法读取未定义的属性"get"。我对单元测试很陌生，但我在这里发布了返回"get"的单元测试文件和服务的代码。

Answer 1

首先，您的服务是没有服务的。 我真的推荐阅读 https://angular.io/tutorial/toh-pt6#heroes-and-http.

在那里你可以看到你需要做一个constructor(private http: Http) { }，你的http现在未定义。