首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何完成基本的RxJS介绍步骤?

如何完成基本的RxJS介绍步骤?
EN

Stack Overflow用户
提问于 2018-07-26 01:20:21
回答 1查看 59关注 0票数 0

我想要遵循RxJS的说明:

https://rxjs-dev.firebaseapp.com/guide/installation

我执行以下操作

  1. 在目录中创建一个directory
  2. cd并调用npm init,将所有默认值用于npm
  3. 在文件中输入行import Rx from 'rxjs/Rx'; test.ts
  4. 运行tsc test.ts

我收到一条错误消息:

代码语言:javascript
复制
node_modules/rxjs/internal/Observable.d.ts:82:59 - error TS2693: 'Promise' only refers to a type, but is being used as a value here.

82     toPromise<T>(this: Observable<T>, PromiseCtor: typeof Promise): Promise<T>;
                                                             ~~~~~~~

如何正确地做到这一点?

评论后编辑:

Introduction page上还提到了另一个示例:

代码语言:javascript
复制
const { fromEvent } = rxjs;

const button = document.querySelector('button');
fromEvent(button, 'click')
  .subscribe(() => console.log('Clicked!'));

这不能是要提供给tsc的完整文件。我得到了错误消息:

代码语言:javascript
复制
fl.ts:1:23 - error TS2304: Cannot find name 'rxjs'.

1 const { fromEvent } = rxjs;
                        ~~~~

同样,在添加import 'rxjs'之后,仍然会出现相同的错误消息。如何填写该文件?

EN

回答 1

Stack Overflow用户

发布于 2018-07-26 02:52:13

您必须创建包含以下选项的tsconfig.json文件:

代码语言:javascript
复制
{
    "compilerOptions": {
        "target": "es5",
        "lib": ["es2015", "dom"]
    }
}

在此之后,您可以简单地在终端中运行tsc (没有文件名)。它将在可以使用node test.js执行的同一目录中创建一个test.js文件。

我的test.ts文件如下所示:

代码语言:javascript
复制
import { of } from 'rxjs';

const source = of('demo value');

source.subscribe(value => {
    console.log(value);
});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51524506

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档