Angular13搭配rxjs7.4报Observable类型错误ts(2709)如何解决？

修复方案 #

• 第一步：删除typings.d.ts文件中的declare module 'rxjs';声明。rxjs 7.4官方自带完整的TypeScript类型定义，这行冗余的全局模块声明会覆盖官方类型，导致TS将rxjs识别为无类型导出的命名空间，无法作为类型使用。
• 第二步：检查tsconfig.json配置，确保compilerOptions下的typeRoots包含node_modules/@types路径，moduleResolution设置为node，参考配置如下：

{
  "compilerOptions": {
    "typeRoots": ["node_modules/@types", "src/typings.d.ts"],
    "moduleResolution": "node"
  }
}

• 第三步：重启TypeScript语言服务。在VS Code中按下快捷键Ctrl+Shift+P（Mac系统为Command+Shift+P），搜索并执行TypeScript: Restart TS Server，等待服务重启后报错即可消失。
• 额外优化：你当前的方法定义使用了async修饰符但返回类型标注为Observable，async方法默认会将返回值包装为Promise，会出现实际返回类型和标注不匹配的隐藏问题。如果方法内部返回的是Observable流，直接删除async修饰符即可；如果需要结合异步逻辑，使用rxjs内置的异步操作符处理即可，不需要加async。

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