Angular 角度4中的app.module.ts出错

我正在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]  
    }  
    ]
})

我在VisualStudio2017的提供者部分的Http、XHRBackend、RequestOptions和HttpInterceptor上看到了红色的曲线

我已经添加了HttpModule，但它仍然抛出错误

非常感谢您的帮助。

您需要导入

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

---

谢谢现在，它只针对RequestOptions和XHRBackend进行解析。如何解析Http和HttpInterceptor？HttpInterceptor是我们在其他文件夹中创建的文件吗？让我们看看。请查看聊天。