Angular 18 - RxJS：Subscribe已弃用，移除后报TS2349错误如何解决？

问题描述 #

RxJS 中的 subscribe 即将被弃用，我在 RxJS 官网看到的示例几乎都不使用观察者。但移除以下代码里的 subscribe 后，出现了错误：

error TS2349: This expression is not callable. [ng] Type 'Observable' has no call signatures.

原代码：

if (this.postData.token) {
    this.feedService.feedData(this.postData).subscribe(
      (res: any) => {
       this.feedService.changeFeedData(res.feedData);
        },
        (error: any) => {
          this.toastService.presentToast('Error!');
        }
      );
    }

解决方案 #

首先明确：RxJS 并没有弃用 subscribe，只是官网更推荐结合管道操作符和响应式编程范式写代码，减少直接调用 subscribe 的场景（比如避免手动管理订阅销毁）。你遇到的错误是因为移除 subscribe 后，this.feedService.feedData(this.postData) 返回的是 Observable 对象，它不能被直接当函数调用，必须通过订阅或操作符处理它发出的值。

针对你的代码，有两种常见改造方式：

方式1：用管道操作符规范订阅逻辑

如果还是需要在当前位置处理数据和错误，可以用 tap 处理成功回调，catchError 处理错误，最后保留订阅触发流执行：

import { tap, catchError, EMPTY } from 'rxjs';

// ...

if (this.postData.token) {
  this.feedService.feedData(this.postData)
    .pipe(
      tap((res: any) => {
        this.feedService.changeFeedData(res.feedData);
      }),
      catchError((error: any) => {
        this.toastService.presentToast('Error!');
        // 返回空流避免流中断
        return EMPTY;
      })
    )
    .subscribe(); // 必须订阅才能触发请求执行
}

方式2：用 Angular async 管道（适合模板绑定场景）

如果是组件中需要把 Observable 数据绑定到模板，推荐用 async 管道，它会自动帮你订阅和销毁订阅，避免内存泄漏：

1. 组件中定义 Observable：

import { tap, catchError, EMPTY } from 'rxjs';

feedData$: Observable<any>;

// ...

if (this.postData.token) {
  this.feedData$ = this.feedService.feedData(this.postData)
    .pipe(
      tap((res: any) => {
        this.feedService.changeFeedData(res.feedData);
      }),
      catchError((error: any) => {
        this.toastService.presentToast('Error!');
        return EMPTY;
      })
    );
}

2. 模板中使用：

<div *ngIf="feedData$ | async as feedData">
  <!-- 这里渲染 feedData 内容 -->
</div>

关键说明

• Observable 是惰性的，必须通过订阅（subscribe 或 async 管道）才能触发内部执行逻辑，不能直接移除 subscribe 就结束。
• 官网示例少用观察者，是因为更推荐用管道操作符组合逻辑，把副作用（比如修改服务数据、弹出提示）放到 tap 这类操作符里，让代码更符合响应式编程的声明式风格。

内容的提问来源于stack exchange，提问作者techwestcoastsfosea