我正在使用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>