angular 6 Ошибка объекта пуста для обработки исключения

Question

Я пытаюсь обработать уникальную ошибку ограничения в пользовательском интерфейсе при ошибке API.

мой класс обслуживания выглядит следующим образом:

import { catchError, map } from 'rxjs/operators';
import { Observable } from 'rxjs/Rx';
import { HttpErrorResponse } from '@angular/common/http';

createArticle(ArticlePayload: any) {
    return this.http.post('/create', ArticlePayload, this.requestOptionHeaders).pipe(
    map(response => response.json()),
    catchError(err => this.errorHandler(err)));
}

public errorHandler(error: HttpErrorResponse) {
    console.log(' errorHandler =========> ' + JSON.stringify(error));
    return Observable.of(error);
}

Мой компонент, как показано ниже:

createArticle(payload: any) {
    this.myService.createArticle(payload).subscribe(
        response => {
            console.log(' response =>' + JSON.stringify(response));
            // something else
        }, (error) => {
            console.log(' FAILED =>' + JSON.stringify(error));
            this.notificationService.messageNotify('error', '', 'custom message needed here');
        }
    );
}

Я не могу получить объект ошибки в машинописи как то, что я вижу в сетевом вызове.

журналы консоли:

errorHandler => {}
response => {}

что мне не хватает.Кто-нибудь может мне помочь, пожалуйста?я использую rxjs: "^ 6.2.2" версия