Esta división ha sido probado por especialistas así se garantiza la veracidad de este tutorial.
Solución:
-
Recientemente, se cambió el nombre del paquete UMD a solo
rxjs
consulte https://github.com/ReactiveX/rxjs/commit/556c904ea61a8424e5d24f170b20eadbc05d01f0#diff-6d2911fe563068b8126098588db98a84 -
Si desea usar RxJS 6, debe cambiar a operadores “pipable” (y funciones de creación), consulte https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md #operator-pipe-sintaxis
Entonces, por ejemplo, esto funciona:
Demostración: https://stackblitz.com/edit/rxjs6-demo-r2rtbz?file=index.html
Aquí hay un ejemplo después de hacer la importación adecuada, observe la tubería.
submission = rxjs.fromEvent($('#mybutton'), 'click')
.pipe(rxjs.operators.map((event) =>
return "something"
));
Puedo cambiar el nombre de los globales a ‘r’ y ‘ro’ para evitar la nueva verbosidad.
¡También puntos de bonificación si alguien puede señalar el manejo de errores canalizados en 6.0!
Aquí hay una línea para importar módulos UMD usando módulos de navegador e importaciones dinámicas en 2020.
export default async (url, module = exports:) =>
(Function('module', 'exports', await (await fetch(url)).text()).call(module, module, module.exports), module).exports
Ejemplo de uso:
const ednToJS = await importUMD(`https://unpkg.com/[email protected]/dist/main.js`)
const rxjs = await importUMD('https://unpkg.com/[email protected]/bundles/rxjs.umd.js')
tada
Te mostramos las reseñas y valoraciones de los lectores
Si piensas que ha sido de utilidad nuestro artículo, sería de mucha ayuda si lo compartieras con más programadores de este modo contrubuyes a difundir esta información.