Angular中使用switchMap操作符处理嵌套订阅出现报错如何解决？

switchMap 要求传入的回调函数必须始终返回符合 ObservableInput 类型的值（如Observable、Promise等），你当前的代码仅在data为真值时返回Observable对象，当data为假值时回调函数没有显式返回值，默认返回undefined，不符合switchMap的类型约束，因此触发类型报错。

方案1：适配原有业务逻辑（推荐） #

如果需要保留现有subscribe中result为假时打开失败弹窗的逻辑，只需补全switchMap回调的返回分支，当data为空时返回携带空值的Observable即可：

1. 先从rxjs导入of操作符：

import { of } from 'rxjs';

2. 修改switchMap逻辑：

this.AService.aFunction(this.parms).pipe(
  take(1),
  switchMap(data => {
    if(data){
      return this.aService.bDomain(this.parms)
    }
    // 补全返回值，将undefined传递到下游订阅
    return of(undefined)
  })
).subscribe(result =>{
  if(result){
    // 打开成功弹窗
  } else {
    // 打开失败弹窗
  }
})

方案2：空数据时终止流 #

如果data为空时不需要执行后续订阅逻辑，可以返回rxjs的EMPTY对象，流会直接结束，不会触发subscribe的回调：

1. 导入EMPTY：

import { EMPTY } from 'rxjs';

2. 修改switchMap逻辑：

switchMap(data => {
  if(data){
    return this.aService.bDomain(this.parms)
  }
  return EMPTY
})

建议给AService.aFunction、aService.bDomain定义明确的返回类型，避免使用默认的Object类型，可以进一步减少TypeScript类型报错的概率。

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