switchMap提示OperatorFunction<unknown, any>不兼容赋值报错如何解决

错误原因 #

• 语法错误：你提供的代码片段中pipe方法缺少闭合右括号，不完整的语法会导致Typescript类型推导逻辑混乱，抛出类型不匹配报错。
• 上游流类型缺失：this.appState.domain$没有显式声明类型，Typescript无法推导出该Observable的发射值类型，默认识别为Observable<unknown>，泛型参数不匹配触发类型校验错误。
• 导入路径错误：switchMap操作符的导入路径错误，错误路径导入的操作符类型定义和pipe方法预期的类型不匹配。

修复方案 #

1. 补全语法括号，修正基础代码写法：

// 末尾补充pipe方法的闭合右括号
this.appState.domain$.pipe(switchMap(() => of(10)))

2. 检查操作符导入路径，确保导入路径正确：

// of 从rxjs根路径导入
import { of } from 'rxjs';
// switchMap 从rxjs/operators路径导入
import { switchMap } from 'rxjs/operators';

3. 给上游流添加显式类型标注，将下方示例中的DomainType替换为你实际的业务类型即可：

domain$: Observable<DomainType>

如果调整后还有报错，可以给switchMap显式指定泛型参数：

this.appState.domain$.pipe(
  // 第一个泛型对应上游流发射值类型，第二个对应返回流的发射值类型
  switchMap<DomainType, number>(() => of(10))
)

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