未捕获的 ReferenceError：未定义 Rx答案

【问题标题】：Uncaught ReferenceError: Rx is not defined未捕获的 ReferenceError：未定义 Rx
【发布时间】：2019-10-04 23:17:35
【问题描述】：

这是我的代码 HTML 文件

<!DOCTYPE html>
<html>
<head>
    <title>Parcel Sandbox</title>
    <meta charset="UTF-8" />
</head>
<body>
    <div id="app"></div>
    <script src="../node_modules/rxjs/bundles/rxjs.umd.min.js"></script>
    <script src="./Test.js"></script>
</body>
</html>

这是我的代码 Js 文件

const stream = Rx.Observable.create(...);

当我想使用 Rx 时，我得到了错误。

Uncaught ReferenceError: Rx is not defined

我不明白问题出在哪里。

【问题讨论】：

ReferenceError: Rx is not defined的可能重复
ReferenceError: Rx is not defined 的回答对我不起作用。
你安装了哪个版本的 RxJS
"rxjs": "^6.5.3"
可能更好的副本是stackoverflow.com/questions/51461723/…。 Adrian 的回答很好，UMD 模块从Rx 重命名为rxjs

标签： javascript rxjs

【解决方案1】：

在 RxJs 6 中，该对象被称为 rxjs

const stream = rxjs.Observable.create(...);

或

const { Observable } = rxjs;
const stream = Observable.create(...);

如果您使用的是 npm，那么您需要导入您需要的部分，因为 RxJs 6 over 5 的主要特点是它是可摇树的

import { Observable } from 'rxjs';

const stream = Observable.create(...);

【讨论】：

现在我收到错误 Test.js: 1 Uncaught SyntaxError: Cannot use import statement outside a module
如果你包含完整的包 rxjs.umd.min.js 然后使用前两种方法之一，导入方法是如果你使用像 webpack 这样的构建系统。