未找到模块错误无法解析“rxjs observable”角度 8 - Javascript

问题描述

在 Angular 8 中，当尝试使用 RxJS Observable 时，可能会收到如下错误消息：

ERROR in src/app/my-component/my-component.component.ts(3,10): error TS2305: Module '"rxjs/Observable"' has no exported member 'Observable'.

这个错误消息表示，在你写的代码中，TypeScript 找不到名为 Observable 的导出成员。可能的原因是你没有正确导入 RxJS 库或者导入了错误的库。

解决方案

下面是一些解决这个问题的可能方法：

确认 RxJS 版本

首先，需要确认你所使用的 RxJS 版本是否正确。在 Angular 8 中，推荐使用 RxJS 6.x 版本，而不是旧版本的 Observable。如果你尝试使用旧版本的 Observable，那么就会出现未找到模块错误无法解析“rxjs observable”的问题。

检查一下依赖项中是否存在正确的 RxJS 版本：

"dependencies": {
  "rxjs": "^6.0.0"
}

正确导入 RxJS

在你的组件中，需要正确导入 RxJS 库和 RxJS 的 Observable。

import { Observable } from 'rxjs';

确认文件路径

如果你使用 Angular CLI 来创建项目，那么这个问题可能是因为文件路径错误导致的。如果你的组件文件夹位于 app 目录下，那么应该如下导入 RxJS 库：

import { Observable } from 'rxjs';

检查 TypeScript 配置

如果上面的方法都不起作用，那么要检查一下 TypeScript 配置。在 tsconfig.json 中，确保已经正确添加了 RxJS 的路径。

{
  "compilerOptions": {
    "paths": {
      "rxjs/*": ["node_modules/rxjs/*"]
    }
  }
}

结论

在 Angular 8 中，当尝试使用 RxJS Observable 时，未找到模块错误无法解析“rxjs observable”的问题可能是因为你没有正确导入 RxJS 库或者导入了错误的库。通过检查 RxJS 版本、正确导入 RxJS 库和检查 TypeScript 配置，可以解决这个问题。