Angular 2 RC 5引导自定义HTTP类TypeError:无法读取属性'；toString'；空的

在Angular 2 RC 4中，我有一个类HttpLoading，它扩展了Angular 2的原始Http服务

有了RC 4，我可以使用以下代码在引导中使用它，没有任何问题：

bootstrap(AppComponent, [
    HTTP_PROVIDERS,
    provide(RequestOptions, { useClass: DefaultRequestOptions }),
    provide(Http, {
        useFactory: (backend: XHRBackend, defaultOptions: RequestOptions) => new HttpLoading(backend, defaultOptions),
        deps: [XHRBackend, RequestOptions]
    })
]).catch(err => console.error(err));

我的默认请求选项类

import { Injectable } from '@angular/core';
import { Headers, BaseRequestOptions } from '@angular/http';

@Injectable()
export class DefaultRequestOptions extends BaseRequestOptions {
    headers: Headers = new Headers({
        'Content-Type': 'application/json'
    });
}

我的HttpLoading类如下所示：

import { Http, RequestOptionsArgs, ConnectionBackend, RequestOptions, Response } from '@angular/http'
import { Injectable } from '@angular/core'
import {GlobalService} from './globalService';
import { Observable } from 'rxjs/Observable';

export class HttpLoading extends Http {

    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions, private _globalService: GlobalService) {
        super(backend, defaultOptions);
    }

    get(url: string, options?: RequestOptionsArgs): Observable<any> {
        this._globalService.isLoading = true;
        return super.get(url, options)
            .map(res => {
                this._globalService.isLoading = false;
                return res.json();
            })
            .catch(this.handleError);
    }
}

import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';

@Component({
    templateUrl: '../../templates/home/home.html'
})
export class HomeComponent implements OnInit {

    constructor(private http: Http) {}

    ngOnInit() {
        this.http.get('/home')
            .subscribe((data) => {

            });
    }
}

但现在，当我在我的组件中使用它时，它不会向服务器发送任何请求，并且通过控制台中的以下错误：

EXCEPTION: Error: Uncaught (in promise): TypeError: Cannot read property 'toString' of null

我使用http的组件如下：

import { Http, RequestOptionsArgs, ConnectionBackend, RequestOptions, Response } from '@angular/http'
import { Injectable } from '@angular/core'
import {GlobalService} from './globalService';
import { Observable } from 'rxjs/Observable';

export class HttpLoading extends Http {

    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions, private _globalService: GlobalService) {
        super(backend, defaultOptions);
    }

    get(url: string, options?: RequestOptionsArgs): Observable<any> {
        this._globalService.isLoading = true;
        return super.get(url, options)
            .map(res => {
                this._globalService.isLoading = false;
                return res.json();
            })
            .catch(this.handleError);
    }
}

import { Component, OnInit } from '@angular/core';
import { Http } from '@angular/http';

@Component({
    templateUrl: '../../templates/home/home.html'
})
export class HomeComponent implements OnInit {

    constructor(private http: Http) {}

    ngOnInit() {
        this.http.get('/home')
            .subscribe((data) => {

            });
    }
}

---

有人可以指导吗？

可能是打字错误，但我看不到NgModule提供程序中的

GlobalService

类：

import { NgModule }       from '@angular/core';
import { BrowserModule  } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule }   from '@angular/forms';
import { HttpModule }     from '@angular/http';
import { Http, HTTP_PROVIDERS, RequestOptions, XHRBackend } from '@angular/http';

import { DefaultRequestOptions } from './DefaultRequestOptions';
import { HttpLoading } from './http-loading';

import { routing }        from './app.routing';
import { AppComponent } from './components/app.component';


@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        routing
    ],
    declarations: [
        AppComponent
    ],
    providers: [
        HTTP_PROVIDERS,
        { provide: RequestOptions, useClass: DefaultRequestOptions },
        {
            provide: Http,
            useFactory: (backend: XHRBackend, defaultOptions: RequestOptions, globalService: GlobalService) => new HttpLoading(backend, defaultOptions, globalService),
            deps: [XHRBackend, RequestOptions, GlobalService]
        },
GlobalService
    ],
    bootstrap: [AppComponent],
})
export class AppModule { }

@NgModule({
    imports: [
        BrowserModule,
        FormsModule,
        ReactiveFormsModule,
        HttpModule,
        routing
    ],
    declarations: [
        AppComponent
    ],
    providers: [
        HTTP_PROVIDERS,
        GlobalService, // <----------
        { provide: RequestOptions, useClass: DefaultRequestOptions },
        {
            provide: Http,
            useFactory: (backend: XHRBackend, defaultOptions: RequestOptions, globalService: GlobalService) => new HttpLoading(backend, defaultOptions, globalService),
            deps: [XHRBackend, RequestOptions, GlobalService]
        }
    ],
    bootstrap: [AppComponent],
})
export class AppModule { }

@NgModule({
进口：[
浏览器模块，
FormsModule，
反应形式模块，
HttpModule，
路由
],
声明：[
应用组件
],
供应商：[
HTTP_提供商，
GlobalService，//新的HttpLoading（后端、默认选项、GlobalService），
deps:[XHRBackend，RequestOptions，GlobalService]
}
],
引导：[AppComponent]，
})
导出类AppModule{}

我找到了解决方案。我也有同样的问题，它对我有效

只需在“获取选项”中添加一个主体：

this.http.get(url, { body: "" });

---

我希望它也能为您工作

非常感谢大家的帮助，我通过删除

{ provide: RequestOptions, useClass: DefaultRequestOptions },

---

对于RC 5，这似乎是不必要的。

Thierry，很抱歉，这只是问题中的输入错误。在我的代码中，我在提供者列表中有这个，但它仍然抛出错误。“Error:Uncaught（在promise中）：TypeError:cannotreadproperty'toString'of null”对我来说也是如此。我有一个删除请求的问题。谢谢是的，令人惊讶的是，这对我也起了作用。这是故意的行为吗？对我来说是个bug。我们需要HTTP\U提供程序吗？