在使用 Angular 开发项目的过程中，出现这样的错误提示是很常见的：
----- -- ------------------------------- ----- ------- ------
该错误提示的意思是在项目中无法找到 rxjs 外部模块中的 Observable。
造成该错误的原因是项目中缺少对于 rxjs 模块的引用或版本不兼容。这种错误可能导致应用程序运行时出现问题或完全不工作。
如果你遇到了这个错误，可以通过以下步骤来修复它。
步骤一：确认项目中 rxjs 版本
在 package.json 文件中查找 rxjs 的版本信息，并确认是否与项目中使用的版本相同。如果不是，则需要升级它。
步骤二：正确引入 rxjs 模块
在需要使用 Observable 的组件中，确保正确引入 rxjs 模块。
例如，在 app.component.ts 文件中，应该添加以下引用：
------ - ---------- - ---- -------
确保在导入组件时，也正确导入所需的 rxjs 模块。
步骤三：使用正确的 Observable 类路径
在某些 rxjs 版本中，类路径可能会发生变化。因此，需要使用其正确的路径。
例如，在需要使用 Observable 类的组件中，应该添加以下引用：
------ - ---------- - ---- ------------------
确保在导入组件时，也正确导入所需的 Observable 类路径。
示例代码
以下是一个使用 rxjs Observable 的简单示例：
------ - --------- - ---- ----------------
------ - ---------- - ---- ------------------
------------
--------- -----------
------------ -----------------------
---------- ------------------------
--
------ ----- ------------ -
-------- ------------------ - --- --------------------- -- -
-----------------
-----------------
-----------------
---
-在该组件中，创建了一个 Observable 实例，该实例将依次发送数字 1、2、3。该实例可以在模板中使用，并且每当该实例发送一条新值时，模板会自动更新。
结论
使用正确的版本和路径引用 rxjs 模块是避免错误 Cannot find module 'rxjs/internal/Observable' 的关键。通过遵循上述步骤，可以修复该错误，确保项目顺利运行。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/6721ce882e7021665e08d13a