Question

尝试使用rxjs创建一个极简的纯js应用。

流量：

npm安装rxjs
index.html
myscript.js

Index.html：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">    
    <script src="node_modules/rxjs/bundles/rxjs.umd.min.js" ></script> 
    <script src="myscript.js"></script>    
    <title>Document</title>
</head>
<body>    
</body>
</html>

myscript.js：

rxjs.Observable.FromEvent(document, 'mousemove')
    .subscribe(()=> console.log("text!"));

我收到错误消息“未捕获的TypeError：rxjs.Observable.FromEvent不是函数”

尝试导入失败：

import'rxjs / add / observable / fromEvent'; // SyntaxError：意外的字符串

或

从'rxjs'导入{fromEvent}; // SyntaxError：意外令牌{

我在做什么错？如何在纯js上尝试rxjs？

Answer 1

对于RxJS v6，采用rxjs的工厂功能和rxjs.operators的操作符。

以下是带有CDN源的示例：

var { fromEvent } = rxjs;
var { map } = rxjs.operators;


var theButton = document.getElementById('the-btn');

fromEvent(theButton, 'click').pipe(
  // pipe some operators here
  map(() => Date.now())
).subscribe(date => {
  console.log('Clicked at ' + date);
});

<script src="https://unpkg.com/rxjs@6.4.0/bundles/rxjs.umd.min.js"></script>

<button
  id="the-btn"
  >Clicker</button>

尝试使用rxjs创建一个极简的纯js应用

1 个答案: