Angular 如何在http get请求中处理和记录这些错误

我有一个从web api获取数据的服务。我想在其中添加错误处理，然后在控制台中记录这些错误，到目前为止，我的代码是：

服务.ts

import { Injectable } from '@angular/core';
import { HttpClient, HttpEventType, HttpHeaders, HttpRequest, HttpResponse, HttpErrorResponse} from '@angular/common/http';
import { Observable, of, throwError } from 'rxjs';
import { catchError, retry } from 'rxjs/operators';


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

  serviceApiUrl: string = 'https://demo1049220.mockable.io/api/incident';

  constructor(
    private http: HttpClient,

  ) { }

  getAll(): Observable<any> {
    return this.http.get<any>(this.serviceApiUrl)
  }
}

     constructor(private service: nowService) {

  }

  ngOnInit() {
    this.service.getAll().subscribe((data) => {
      this.loading = true;
      this.incidents = data;
      this.loading = false;
      console.log('Result - ', data);
      console.log('data is recieved');
    })
  }
}

---

您可以使用rxjs运算符catchError

this.service.getAll()
.pipe(
        catchError(err => console.log(err))
)
.subscribe((data) => {
      this.loading = true;
      this.incidents = data;
      this.loading = false;
      console.log('Result - ', data);
      console.log('data is received');
    })

---

您如何调用此服务？我已使用相关代码更新了问题。获取此错误：类型“void”不可分配给类型“observateInput”。