interceptors in angular 5

I create interceptors in project angular 5 but dosen't work, i inject interceptor in file app.module.ts but also error and also i add console.log in interceptors for test but console.log not displayed

code interceptors:

import { Injectable } from '@angular/core'; import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest } from '@angular/common/http'; import { Observable } from 'rxjs'; /** Pass untouched request through to the next request handler. */ @Injectable() export class AuthInterceptor implements HttpInterceptor { intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { console.log('redfùmfs'); const clonedRequest = req.clone({ headers: req.headers.set('Authorization', 'Bearer '+localStorage.getItem('token')) }); return next.handle(clonedRequest); } } 

code app.module.ts: when i add name interceptors in providers

import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { HttpModule } from '@angular/http'; import { RouterModule } from '@angular/router'; import { AppRoutingModule } from './app.routing'; import { ComponentsModule } from './components/components.module'; import { AppComponent } from './app.component'; import { DashboardComponent } from './dashboard/dashboard.component'; import { UserProfileComponent } from './user-profile/user-profile.component'; import { TableListComponent } from './table-list/table-list.component'; import { TypographyComponent } from './typography/typography.component'; import { IconsComponent } from './icons/icons.component'; import { MapsComponent } from './maps/maps.component'; import { NotificationsComponent } from './notifications/notifications.component'; import { UpgradeComponent } from './upgrade/upgrade.component'; import { ArticleService } from './services/article.service'; import { AuthInterceptor } from './services/auth.interceptor'; import { HTTP_INTERCEPTORS } from '@angular/common/http'; import { AgmCoreModule } from '@agm/core'; import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component'; @NgModule({ imports: [ BrowserAnimationsModule, FormsModule, HttpModule, ComponentsModule, RouterModule, AppRoutingModule, AgmCoreModule.forRoot({ apiKey: 'YOUR_GOOGLE_MAPS_API_KEY' }) ], declarations: [ AppComponent, AdminLayoutComponent, ], providers: [ ArticleService, { provide: HTTP_INTERCEPTORS, useClass: AuthInterceptor, multi: true } ], bootstrap: [AppComponent] }) export class AppModule { } 

i inject interceptors in providers appmodule but also error