在文件的顶部引入rxjs/operators，使用 .pipe() 方法来连接 RxJS 操作符，并使用 RxJS catchError() 操作符来处理错误。

示例代码：

import { Component } from '@angular/core'; import { HttpClient } from '@angular/common/http'; import { catchError } from 'rxjs/operators';

@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'my-app'; constructor(private httpClient: HttpClient) {}

getData() { this.httpClient.get('https://jsonplaceholder.typicode.com/users').pipe( catchError((err) => { console.error(err); return throwError(err); // handle error; return empty observable }) ).subscribe((data) => { console.log(data); // log response data }); } }

请注意，以上代码中的示例 URL 是一个测试 API，您可以根据您在使用的项目或 API 来修改。