Angular 4中的app.module.ts出错

时间:2018-05-16 09:44:45

标签: angular

我正在使用Angular 4中的树视图控件,我在app.module.ts中遇到了提供程序,如下所示

import { NgModule, ErrorHandler, Injector } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { Router, ActivatedRoute } from '@angular/router';
import { AppComponent } from './app/app.component';
import { Observable } from 'rxjs/Observable';
import { TreeView } from './treeview/tree-view.directive';
import { TreeViewComponent } from './treeview/tree-view.component';
import { HttpModule } from '@angular/http';
import { AppRouteModule } from './app/app.routing';

@NgModule({
    imports: [BrowserModule, HttpModule, AppRouteModule],
    declarations: [AppComponent, TreeViewComponent, TreeView],
    bootstrap: [AppComponent],
    providers: [  
    {  
            provide: Http,  
            useFactory: (xhrBackend: XHRBackend, requestOptions: RequestOptions, router: Router) =>
                         new HttpInterceptor(xhrBackend, requestOptions, router),  
            deps: [XHRBackend, RequestOptions, Router]  
    }  
    ]
})

我在Visual Studio 2017的提供程序部分的Http,XHRBackend,RequestOptions和HttpInterceptor中变得红色。

我添加了HttpModule但仍然会抛出错误。

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

您需要导入

import { RequestOptions, Http , XHRBackend } from '@angular/http';
import { HttpInterceptor } from './interceptors/HttpInterceptor';