我正在尝试通过学习RxJS上的示例来练习RxJS

时间:2020-02-07 17:55:18

标签: javascript

我正在使用VS代码来学习LearnRxJS上的代码示例,并且在控制台中不断出现错误。首先,VS Code告诉我找不到rxjs模块,所以我做了'npm install',似乎可以解决该问题。现在,浏览器控制台为我提供了MIME类型错误,但我不知道为什么。我尝试了rxjs的绝对路径,并将type =“ module”添加到script标记,这消除了该错误,但是javascript文件从来没有按照教程所说的那样打印到控制台。看来这应该是一个简单的问题,但我无法弄清楚出了什么问题。

script.js

import { map } from 'rxjs/operators';
import { of } from 'rxjs';


const dataSource = of(1, 2, 3, 4, 5);

// subscribe to our source observab
const subscription = dataSource
  .pipe(
    // add 1 to each emitted value
    map(value => value + 1)
  )
  // log: 2, 3, 4, 5, 6
  .subscribe(value => console.log(value));

index.html

<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <script src="script.js" type="module"></script>

        <title>RxJS Practice</title>

    </head>

    <body>

    </body>
</html>

0 个答案:

没有答案