Угловой 7: Свойство «do» не существует для типа «Observable»'

Question

Я создаю новое имя перехватчика HttpInterceptor.Вот пример кода:

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

import { Observable } from 'rxjs';

import { ErrorHandler } from './error_handler';

@Injectable()
export class RequestInterceptor implements HttpInterceptor {

  constructor(
    public errorHandler: ErrorHandler,
  ) { }

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    return next.handle(request).do((event: HttpEvent<any>) => { }, (err: any) => {
      if (err instanceof HttpErrorResponse) {
        this.errorHandler.handleError(err);
      }
    });
  }
}

Я добавил провайдеров в app.module.ts

providers: [
    {
      provide: HTTP_INTERCEPTORS,
      useClass: RequestInterceptor,
      multi: true,
    }
  ]

Я получил эту ошибку.

Ошибка:StaticInjectorError (AppModule) [InjectionToken HTTP_INTERCEPTORS -> ErrorHandler]: StaticInjectorError (Платформа: ядро) [InjectionToken HTTP_INTERCEPTORS -> ErrorHandler]: NullInjectorError: Нет поставщика для ErrorHandler!

1012 *1012* *1012* * 1012я.

Answer 1

Добавить ErrorHandler в корень. Вы не можете использовать какой-либо сервис напрямую без добавления в провайдеры, поэтому после угловой версии 6+ они вводят новый синтаксис, который вы можете добавить в корень модуля.

Таким образом, выможет использовать эту службу для всего приложения.

Например,

@Injectable({
    providedIn: 'root'
})
export class ErrorHandler{
}

также добавить RequestInterceptor в корень модуля,

@Injectable({
        providedIn: 'root'
})
export class RequestInterceptor implements HttpInterceptor{
}