导入rxjs/Observable时出现编译错误，安装rxjs-compat后仍未解决

核心原因 #

rxjs 6及以上版本彻底调整了模块导入结构，旧的rxjs/Observable这类子路径导入已被废弃，且rxjs-compat仅在rxjs 6版本中提供向下兼容支持，若rxjs主版本为7+，rxjs-compat完全无效。

解决方法 #

方法1：改用rxjs 6+标准导入规范（推荐）

直接替换旧的导入语句，适配新的模块结构：

• 原导入：import { Observable } from 'rxjs/Observable'
• 改为：import { Observable } from 'rxjs'

如果用到操作符（如map、filter），也要同步调整：

• 原导入：import 'rxjs/add/operator/map'
• 改为：import { map } from 'rxjs/operators'，并通过pipe()方法调用操作符

示例代码对比：
旧写法：

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';

const demoObs = new Observable(observer => {
  observer.next(5);
}).map(num => num * 2);

新写法：

import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

const demoObs = new Observable(observer => {
  observer.next(5);
}).pipe(map(num => num * 2));

方法2：保留旧导入路径（仅适用于rxjs 6版本）

如果项目依赖大量旧代码无法快速迁移，需确保rxjs-compat版本与rxjs主版本匹配：

1. 卸载现有rxjs-compat：

   npm uninstall rxjs-compat
   

2. 安装与rxjs主版本对应的rxjs-compat（比如rxjs为6.6.7，则安装同版本的compat）：

   npm install --save rxjs-compat@^6.0.0
   

3. 清理依赖缓存并重新安装：

   # Linux/macOS
   rm -rf node_modules package-lock.json
   # Windows
   rmdir /s node_modules && del package-lock.json
   

   npm install
   

方法3：检查tsconfig.json配置

确保tsconfig.json的compilerOptions中包含以下配置，保证模块解析正常：

{
  "compilerOptions": {
    "moduleResolution": "node",
    "target": "es6"
  }
}

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