在安装RxJS(VS代码)时遇到困难

时间:2019-12-19 22:24:05

标签: javascript html rxjs

我创建了 index.html ,并将其附加到 script.js ,并使用npm install rxjs安装了RxJS。但是与此相关的问题很多AcFormView

这是我注释掉导入语句时控制台写的内容

enter image description here

这是我在 script.js

中使用import的时候

已更新:我已链接 <script src="https://unpkg.com/rxjs@6.5.3/bundles/rxjs.umd.min.js"></script> 到html,但没有成功

enter image description here

1 个答案:

答案 0 :(得分:2)

好,我知道了。 这应该是您的html(确保您的cdn数学是正确的路径)

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
 <title>Document</title>
 <script  src="https://unpkg.com/rxjs@6.5.3/bundles/rxjs.umd.min.js"></script>
</head>
<body>
  <script src="script.js"></script>
</body>
</html>

这是您的js代码:

const { of, fromEvent } = rxjs;
const { map, pluck, mapTo } = rxjs.operators;

const keyup = fromEvent(document, 'keyup');
const keycode = keyup.pipe(
 map( event => event.code )
);

const keycodePluck = keyup.pipe(
 pluck('code')
);

const pressed = keyup.pipe(
 mapTo('Key pressed!')
);

pressed.subscribe(console.log);