Блог

Есть ли способ с помощью HttpClient удалить сообщения об ошибках из консоли браузера?

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

   getStuff(stuffId: string): Observable<Stuff[]> {
    return this.httpClient.get<Stuff[]>(this.stuff()   stuffId   '/stuff/').pipe(
      catchError((err) => {
        console.log(err.status);
        if (err.status === 404) {
          console.log('Not found');
        }
      })
    );
  }
  

Мой console.log(‘Не найден’) в инструкции if выполняется, но он по-прежнему выдает стандартную ошибку на консоль.

Моя цель: ничего красного в консоли

Обновить:

Ошибки возникают не в Firefox, а в Google Chrome. Почему ..?

Стандартная ошибка, которую вы видите в консоли, на самом деле не из кода. Это из сети, из-за ошибки API. Браузеры учитывают и понимают стандартные коды ответов http. Таким образом, всякий раз, когда любой http-запрос возвращает какой-либо код ответа, отличный от 2xx, они считают это ошибкой и отображают его красным цветом в консоли. К сожалению, вы не можете удалить его. Это делается с помощью браузера.

Обратный вызов к catchError должен возвращать наблюдаемое, поэтому вы можете просто вернуть, например, EMPTY , которое просто завершается и ничего не выдает:

 import { EMPTY } from 'rxjs';

...

catchError((err) => {
  console.log(err.status);
  if (err.status === 404) {
    console.log('Not found');
  }
  return EMPTY;
});