2017-10-19 39 views
0

我升級我的新VS2017角項目從原來的4.2.5到v4.4.6,然後試圖建立一個HttpInterceptor在我app.module .shared.ts文件,像這樣:「HttpInterceptor」僅是指一類,而是被用作這裏的值

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { HttpClient, HttpInterceptor } from '@angular/common/http'; 
import { RouterModule } from '@angular/router'; 

import { AppComponent } from './components/app/app.component'; 
import { NavMenuComponent } from './components/navmenu/navmenu.component'; 
import { HomeComponent } from './components/home/home.component'; 
import { FetchDataComponent } from './components/fetchdata/fetchdata.component'; 
import { CounterComponent } from './components/counter/counter.component'; 

@NgModule({ 
    declarations: [ 
     AppComponent, 
     NavMenuComponent, 
     CounterComponent, 
     FetchDataComponent, 
     HomeComponent 
    ], 
    imports: [ 
     CommonModule, 
     HttpModule, 
     FormsModule, 
     ReactiveFormsModule, 
     HttpClient, 
     HttpInterceptor, 
     RouterModule.forRoot([ 
      { path: '', redirectTo: 'home', pathMatch: 'full' }, 
      { path: 'home', component: HomeComponent }, 
      { path: 'counter', component: CounterComponent }, 
      { path: 'fetch-data', component: FetchDataComponent }, 
      { path: '**', redirectTo: 'home' } 
     ]) 
    ] 
}) 
export class AppModuleShared { 
} 

VS已經在第5行變灰HttpInterceptor導入命令,並在那裏我在進口清單叫出HttpInterceptor記錄第28行錯誤。在紅色波浪線A鼠標懸停給我的錯誤消息「(TS)‘HttpInterceptor’僅是指一種類型,但正在這裏用作的值。」

我在做什麼錯?這基本上是根據自己的最新VS2017模板質樸,外的現成的角度來說,我做的唯一的事情就是更新的角度和運行的WebPack東西。

回答

-1

HttpInterceptor是一個接口,但「進口」部分等待一類。

相關問題