角2自定义HTTP服务引发错误：没有提供程序XHRBackend

我想创建自己的http服务，这样我可以使用它像一个HTTP拦截，但我得到的开头很长的错误：EXCEPTION: Uncaught (in promise): Error: No provider for XHRBackend!角2自定义HTTP服务引发错误：没有提供程序XHRBackend

HTTP .service.ts

import { Injectable } from '@angular/core'; 
import { Http, XHRBackend, RequestOptions, RequestOptionsArgs, Request, Response } from '@angular/http'; 
import { Observable } from 'rxjs/Observable'; 


@Injectable() 
export class HttpService extends Http { 
    constructor(backend: XHRBackend, options: RequestOptions) { 
     console.log('HttpService constructor'); 
     super(backend, options); 
    } 

    request(url: string|Request, options?: RequestOptionsArgs): Observable<Response> { 
     console.log('HttpService request'); 
     return super.request(url, options); 
    }  
} 

export const HTTP_SERVICE = { 
    provide: HttpService, 
    useFactory: (backend: XHRBackend, options: RequestOptions) => { 
     return new HttpService(backend, options); 
    }, 
    deps: [XHRBackend, RequestOptions] 
};

然后我在app.module.ts

import { NgModule } from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 

import { AppRoutingModule } from './app-routing.module'; 

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

import { AuthService } from './auth/auth.service'; 
import { HTTP_SERVICE } from './shared/http/http.service'; 

@NgModule({ 
    imports: [ 
     BrowserModule, 
     AppRoutingModule 
    ], 
    declarations: [ 
     AppComponent 
    ], 
    providers: [ 
     AuthService, 
     HTTP_SERVICE 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { }

增加，但是当我把它注射到一个组件构造它不工作。我收到提到的错误。

我也看了，我可以这样做：

{ provide: Http, useClass: HttpService}

从这个博客：http://www.adonespitogo.com/articles/angular-2-extending-http-provider/

但这也不起作用。在这里我没有错误，但没有什么不同。正如我期望的那样，我没有输出到控制台。

我也试着只是加上HttpService，因为它在providers数组中，仍然有这个错误。

来源

2017-05-08 Alex

您可以将'HttpModule'添加到'imports'以获取它已经定义的提供者。那么你不需要'HTTP_SERVICE'和*可以*只使用博客中的简单提供者。 – jonrsharpe

可能重复[没有提供程序的ConnectionBackend而从Http继承]（http://stackoverflow.com/questions/40507670/no-provider-for-connectionbackend-while-inheriting-from-http） – jonrsharpe

我有同样的问题，但没有解决办法，你有没有找到？ –

如Mukul Jayaprakash所述，在您的imports中加入httpModule即可解决此问题。

来源

2017-09-11 16:32:32

角2自定义HTTP服务引发错误：没有提供程序XHRBackend

回答

相关问题