问题描述

之前在使用了打包工具的js或者ts文件里引入直接是import { filter as rxjsFilter, map as rxjsMap, switchMap, takeUntil, } from 'rxjs/operators';现在需要写一个demo,直接在html里中引入rxjs，会报错，加上路径定位到node_module也没用。

Uncaught TypeError: Failed to resolve module specifier "rxjs/operators". Relative references must start with either "/", "./", or "../".

解决措施

1. 在 HTML 文件中引入 UMD 版本的 RxJS

2. 解构赋值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RxJS Example</title>
    <script src="https://cdn.jsdelivr.net/npm/rxjs/bundles/rxjs.umd.min.js"></script>
</head>
<body>
    <script>
        const { filter: rxjsFilter, map: rxjsMap, switchMap, takeUntil, } = rxjs.operators;
        const { from } = rxjs;

    </script>
</body>
</html>

怎么在 <script type="module"> 中引入rxjs

问题描述

解决措施

1. 在 HTML 文件中引入 UMD 版本的 RxJS

2. 解构赋值