错误：NoopInterceptorService没有提供程序！角4.3.6？

Question

我写了一个简单的拦截器“NoopInterceptorService”

但我得到一个错误“没有NoopInterceptorService的提供者！” ，

可能是什么原因？

如何解决？

Answer 1

这LINK应该帮助如何编写拦截器。

import { Observable } from 'rxjs'; 
import {Injectable} from '@angular/core'; 
import {HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http'; 
import { HttpErrorResponse } from "@angular/common/http"; 

@Injectable() 
export class AngularInterceptor implements HttpInterceptor { 
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 
    return next.handle(req).do(event => {}, err => { 
     if(err instanceof HttpErrorResponse){ 
      console.log("Error Caught By Interceptor"); 
      //Observable.throw(err); 
     } 
    }); 
    } 
} 

撑着在

@NgModule({ 
    declarations: [ 
     AppComponent 
    ], 
    imports: [ 
     BrowserModule, 
     HttpClientModule 
    ], 
    providers: [ 
     [ { provide: HTTP_INTERCEPTORS, useClass: 
       AngularInterceptor, multi: true } ] 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

Answer 2

首先，为了实现拦截器，你已经使用HttpClientModule而不是HttpModule任何HTTP调用。

现在，执行：

在你App.module.ts文件，导入：

import {HttpClientModule, HTTP_INTERCEPTORS} from '@angular/common/http'; 

和你的进口数组中AppModule添加以下内容：

imports: [ 
     . 
     HttpClientModule, 
     . 
    ] 

您的提供商阵列和NoopInterceptorService实施似乎是正确的。但是，重要的是，无论何时您将在任何组件代码中使用http方法，请不要忘记使用http方法HttpClientModule而不是旧的HttpModule。

我想如果你遵循这个，你的INTERCEPTORS将会工作。