Попытка создать минималистское чистое js-приложение с помощью rxjs - PullRequest
Новая
       3

Попытка создать минималистское чистое js-приложение с помощью rxjs

1 голос
/ 10 апреля 2019

Попытка создать минималистичное чистое js-приложение с rxjs.

Поток:

  1. npm установить rxjs
  2. index.html
  3. 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!"));

Я получаю ошибку «Uncaught TypeError: rxjs.Observable.FromEventне является функцией "

попытка импорта не удалась:

import 'rxjs / add / observable / fromEvent';// SyntaxError: неожиданная строка

или

import {fromEvent} from 'rxjs';// SyntaxError: Неожиданный токен {

Что я делаю не так?Как попробовать rxjs на чистом js?

1 Ответ

0 голосов
/ 10 апреля 2019

Для 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...