有没有办法将 rxjs 导入普通的 js web 自定义组件？

Question

I'm trying to create web custom components using plain js. I would like to use rxjs and observables to fetch json content from a REST endpoint that I am also creating using python pyramid. However, an error - 'TypeError: global is undefined' - is being thrown when I import rxjs.

import 'https://unpkg.com/@reactivex/rxjs@6.0.0/dist/global/rxjs.umd.js';

also tried:

import 'https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.2/rxjs.umd.js';

I would like to NOT use npm at all.

Answer 1

<script src="https://cdnjs.cloudflare.com/ajax/libs/rxjs/6.5.2/rxjs.umd.js"></script>

然后：

const { Observable, from } = rxjs;

Answer 2

With NodeJS and plain JS:

<script src="node_modules/rxjs/dist/bundles/rxjs.umd.js"></script>


   // And JS code sample...  
 
    this.networkStatus$ = rxjs.merge(
        rxjs.of(null),
        rxjs.fromEvent(window, 'online'),
        rxjs.fromEvent(window, 'offline')
    )

    this.applicationStatus$ = new rxjs.BehaviorSubject(this.getApplicationStatus());