Angular组件ngOnInit中ActivatedRoute.paramMap.switchMap报错求助

嘿，这个问题我太熟悉了！这是RxJS版本升级后API变化导致的小坑，咱们快速搞定它：

问题原因 #

从RxJS 6.x版本开始（对应Angular 6及以上版本），所有的管道操作符（比如switchMap、map这些）不再直接挂载在Observable的原型上，不能再像之前那样直接链式调用，必须通过pipe()方法来组合使用。你原来的写法是RxJS 5及更早版本的用法，所以会触发这个错误。

修复步骤 #

1. 先导入switchMap操作符
   在你的组件文件顶部，添加这个导入语句：

import { switchMap } from 'rxjs/operators';

2. 修改ngOnInit中的代码
   把原来直接调用switchMap的写法，改成用pipe()包裹的形式：

ngOnInit(): void {
  this.products$ = this.route.paramMap.pipe(
    switchMap((params: ParamMap) => this.getProductsForType(params.get('type')))
  );
}

这样修改之后，代码就能正常运行了，因为现在是按照RxJS 6+的规范来使用操作符啦。

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