为什么像range这样的rxjs/Observable函数不可用？
像range这样的rxjs/Observable函数不可用的原因是因为rxjs/Observable是RxJS 5版本中的一个模块，而在RxJS 6版本中，它已经被重构为rxjs的默认导出。因此，在RxJS 6及以上版本中，应该使用rxjs而不是rxjs/Observable来引入和使用range函数。
range函数是RxJS中的一个创建操作符，用于创建一个发出指定范围内连续整数的Observable。它接受两个参数，起始值和长度，可以用来生成一个指定范围内的整数序列。
以下是一个使用range函数的示例代码：
import { range } from 'rxjs';
range(1, 5).subscribe(value => console.log(value));上述代码将会输出从1到5的整数序列。
在腾讯云的相关产品中，与RxJS相关的产品包括云函数SCF（Serverless Cloud Function）和云消息队列CMQ（Cloud Message Queue）。云函数SCF是一种无服务器计算服务，可以用于处理事件驱动的任务，而云消息队列CMQ则提供了可靠的消息传递机制，可以与云函数SCF结合使用。
更多关于腾讯云函数SCF的信息，请访问：腾讯云函数SCF产品介绍
更多关于腾讯云消息队列CMQ的信息，请访问：腾讯云消息队列CMQ产品介绍
相关·内容
我的package.json具有rxjs依赖项：
"rxjs": "5.0.0-beta.6",
我已经在我的typescript代码中导入了它。
import {Observable} from "rxjs/Observable";
我希望我能够在Observable上使用像range这样的函数。
但它们根本不会出现在自动补全中。如果我添加它(只是为了检查)，它会给我一个错误：Error TS2339: Property 'range' does not exist on type 'typeof Observable&
浏览 14提问于2016-07-25得票数 1
3回答
is 95422:27原始异常：WEBPACK_IMPORTED_MODULE_3_rxjs_Observable.Observable.zip不是函数
试过各种进口
// import 'rxjs/add/operator/zip';
// import 'rxjs/add/observable/zip-static';
// import 'rxjs/add/operator/zip';
import 'rxjs/operator/zip';
试着像这样使用它：
const zippedUsers: Observabl
浏览 4提问于2017-05-16得票数 12
回答已采纳
1回答
由于某些原因，router在我的课堂上是没有定义的，有人能给我一些解释吗？
import { Injectable } from '@angular/core';
import { XHRBackend, RequestOptions, Response, Headers } from '@angular/http';
import { Router } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import 'rxjs/ad
浏览 1提问于2017-10-13得票数 1
5回答
我想我有一个基本概念，但也有一些模糊之处。
所以一般来说，这就是我使用Observable的方式
observable.subscribe(x => {
})
如果我想过滤数据，我可以使用以下方法：
import { first, last, map, reduce, find, skipWhile } from 'rxjs/operators';
observable.pipe(
map(x => {return x}),
first()
).subscribe(x => {
})
我也可以这样做：
import 'rxj
浏览 1提问于2018-02-07得票数 166
回答已采纳
1回答
在我的Angular 6应用程序中，我想展示从web-socket发出的连续事件流中最近的N个事件。
现在，该视图显示了来自RxJS Observable<Event[]>的数据
<div *ngFor="let event of (wsEvents | async)">
...
该数组包含最后N个事件，并在服务层中进行管理。不是很好。
如果可能的话，我想将其更改为有界RxJS队列--您能帮忙吗？
浏览 5提问于2018-08-23得票数 0
回答已采纳
我需要将信息从组件A发送到Service，在那里工作，然后发送到组件B。A和B是兄弟。我需要组件A来触发此操作，以便在组件B上获得所需的结果。
我正在尝试使用一个带有rxjs的可观察对象来实现这一点(我不知道这是否是最好的方法或实践)
目前我的组件A看起来像这样：
import { Observable } from "rxjs/Rx"
import { of, Subscription } from 'rxjs';
import { SoporteService } from '../soporte/services/soporte.servic
浏览 0提问于2019-10-01得票数 0
在升级到角cli@1.6.3并将所有RxJS导入、方法和操作符转换为新的>5.5表单后，我在运行时得到一个类型错误，说明Observable.of不是一个函数。同样的错误发生在定义为Observable扩展的成员的所有方法上，例如，Observable.fromEvent。
另一方面，定义为独立函数的方法(如Observable.combineLatest )运行正常，尽管编译器警告它们在Observable类型中不存在。
为了澄清，我对任何操作符都没有问题(在将它们转换成管道表单之后)。只有用方法。
我找到的解决办法是替换：
import { of } from 'rxjs/o
浏览 4提问于2018-01-13得票数 1
回答已采纳
我用的说明将我的from应用程序从5.2版升级到了6.0版。
现在，由于“rxjs-5-to-6迁移”迁移，我的角应用程序没有构建：
Bla.ts中的错误:错误TS2339:属性'map‘在类型’可观察‘上不存在。
我有下列进口产品：
import { Observable } from 'rxjs/observable';
import { of } from 'rxjs/observable/of';
import { map } from 'rxjs/operators';
如果我像这样改变进口，它会起作用：
import
浏览 0提问于2018-05-18得票数 2
回答已采纳
我在使用Angular 6和Rxjs6的时候遇到了一些奇怪的问题。
Import { forkJoin } from 'rxjs/internal/observable/forkJoin';
我得到的问题是
但是当我使用import as时
import { forkJoin } from 'rxjs/';
它工作得很完美。
我使用了相同的方法来合并运算符，但是当我使用import as时
import { merge } from 'rxjs/';
但是它抛出了上面的错误，如果我使用
import { merge } from '
浏览 0提问于2018-10-22得票数 1
什么是angular中的.subscribe()方法，我从rxjs中了解到它的运算符或方法，但当我使用它时，我看不到任何重要的东西，比如： showConfig() {
return this.http.get(this.configUrl)
// .subscribe(data => console.log('data',data));
.subscribe(data => this.dataValues = data);
} 是的，在导入之后，它也将与rxjs的操作符observable一起工作，但我不知道为什么人们会说.su
浏览 16提问于2019-01-14得票数 0
回答已采纳
我有一个服务器调用，它可能返回HTTP 202。受线程的影响，我有以下内容：
this.http.get(url)
.pipe(
map(response => {
if (response.status === 202) {
throw response;
}
return response;
}),
retryWhen(errors => {
return errors.pipe(
delay(1000),
take(3),
concat(
浏览 2提问于2018-07-27得票数 8
回答已采纳
我有来自‘’的以下代码：
const Observable = require('rxjs/Observable').Observable;
require('rxjs/add/observable/of');
require('rxjs/add/operator/map');
let stream = Observable.create((observer) => {
let i = 0;
let id = setInterval(() => {
observer.next(i++);
}, 500);
浏览 0提问于2017-06-21得票数 1
回答已采纳
我正在尝试创建一个简单的TypeScript文件来使用RxJS。以下是我所做的：
"npm rxjs"，在我的"index.html“中引用了"traceur & systemjs”，并创建了一个"test.ts“文件，如下所示：
import {Observable} from 'rxjs/Rx';
Observable.range(1, 2, 3, 4, 5)
.map(x => x * 2)
.filter(x => x > 5)
.subscribe(
x =&g
浏览 2提问于2016-03-23得票数 4
1回答
我有一个简单的角2服务，它调用一个本地JSON文件。我可以在console.log中的.map函数中将对象获取为general.service.ts。但是，由于异步调用的性质，我似乎无法从对象中打印出一个键或值。这是我的密码。
我知道我需要包含*ngIf，因为它是异步的。然而，即使我在引用ngIf的“generalInfo”中使用了component.ts
general.service.ts
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http
浏览 3提问于2017-04-21得票数 3
回答已采纳
即使在我添加了'rxjs/add/operator/map'导入之后，Map方法也会返回“未解析的函数或方法map()”错误。
我遵循了每一步，我甚至添加了rxjs 5.0.1，我仍然遇到“未解决的函数或方法”错误。你知道怎么修复它吗？
您可以看到下面的示例代码。
返回“未解析的函数或映射方法错误”的方法：
import { Component, OnInit} from '@angular/core';
import { Router } from '@angular/router';
import { FormGroup, FormBu
浏览 1提问于2017-03-16得票数 3
2回答
由于我刚接触到角度，我想知道什么应该是实现我想要的东西的最佳实践。
我想请求一个API，直到得到我想要的结果和请求之间的间隔。
我使用两个嵌套服务(GiftsService和ApiService)：
gifts.service.ts :
import { Injectable } from '@angular/core';
import { URLSearchParams } from '@angular/http';
import { environment } from '../../../environments/environment';
浏览 1提问于2017-03-21得票数 2
回答已采纳
3回答
这是我的package.json文件：
"dependencies": {
"@angular/animations": "~7.1.0",
"@angular/common": "~7.1.0",
"@angular/compiler": "~7.1.0",
"@angular/core": "~7.1.0",
"@angular/forms": "~7.1.0",
&#
浏览 0提问于2018-12-17得票数 3
我正在学习编写一个rxjs操作符，当我这样写的时候：
function map<T, R>(project: (value: T) => R): OperatorFunction<T, R> {
return function mapOperation(source$: Observable<T>): Observable<R> {
if (typeof project !== "function") {
throw new TypeError("argument is not a funct
浏览 35提问于2020-02-29得票数 2
回答已采纳
2回答
角9从可观测的角度返回
、、、、
我正在寻找一种从另一个可观察到的返回一个可观察的方法。我发现您可以使用pipe和map操作符来实现这一点，但它似乎不适合我。我做错什么了？
我使用角9.1.12和rxjs ~6.5.4。
示例: Service1
import { Observable, of } from 'rxjs';
export class Service1 {
test(): Observable<string> {
console.log(1);
return of('hey');
}
}
Service2
import { Obser
浏览 1提问于2021-07-15得票数 0
回答已采纳
2回答
我使用的是RxJS 5，并使用了以下方法：
Queue.prototype.drain = function (obs, opts) {};
在该方法中，我想检查用户是传入了第一个参数的Observable，还是省略了Observable而只是传入了options对象。
所以基本上我需要这样做：
if(!Rx.Observable.isObservable(obs)){ //this method is fictitious
opts = obs || {};
obs = Rx.Observable.interval(1000);
}
我假设RxJS为用户提供了这种检查，但是
浏览 0提问于2017-01-04得票数 34
回答已采纳
以前，我只能使用以下代码导入使用的运算符：
import 'rxjs/Observable';
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/operator/catch';
import 'rxjs/add/operator/finally';
import 'rxjs/add/observable/empty';
import 'rxjs/add/observab
浏览 1提问于2018-05-19得票数 3
1回答
我问这个问题是因为我尝试了下面的代码：
//RxJs v5.5.2; NodeJs v7.10.1
var Rx = require('rxjs/Rx');
var observable = Rx.Observable.of(1,2,3);
var sub = observable.subscribe(console.log);
var sub1 = observable.subscribe(console.log);
它输出1 2 3 1 2 3(新行省略)。
然而，正如RxJs的文档所指出的，可观察是一个流，那么为什么第二个订阅会得到所有的值呢？我的理解是，在第一次订阅
浏览 2提问于2017-11-18得票数 0
回答已采纳
谁能告诉我为什么变量this.userDataObserver未定义会导致.next()函数失败？在这里撞到我的头。
我需要将一些数据推入一个可以从其他组件访问的服务变量中(尽量避免使用本地存储)。
有没有人能帮我理解为什么这个变量在类中设置得很清楚，却没有定义？
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
impor
浏览 0提问于2017-04-12得票数 0
1回答
我正在使用这个伟大的回购我的角2测试项目(TypeScript) - 。我需要使用Observable.of(..).当我试图导入它时：
import { Observable } from "rxjs/Observable";
import { of } from 'rxjs/observable/of';
我得到：
属性'of‘不存在于’类型可观察‘上。
我还尝试了以下方法：
import { Observable } from "rxjs/Observable";
import { of } from 'rxjs/ad
浏览 2提问于2016-11-13得票数 22
回答已采纳
1回答
我有一个包含以下代码的服务：
import {Injectable} from 'angular2/core';
import {Observable} from 'rxjs/Observable';
import {Observer} from 'rxjs/Observer';
import 'rxjs/add/operator/share';
import {Article} from './article';
@Injectable()
export class ArticleService {
publi
浏览 0提问于2016-03-24得票数 2
回答已采纳
受影响的包问题是由包引起的
描述
I am using ngxs store in my angular application for storage management. Recently I am seeing below weird console error in my browser when I switch between various angular components while dispatching action to store
'Error ocurred while serializing the store value, value not upd
浏览 1提问于2021-04-20得票数 1
回答已采纳
我是个新手，所以虽然我在努力完成一些事情，但我想这并不难，我被困住了，需要你的帮助。
我需要做的是在从api调用中收到数据之后，用客户端的数据填充html表。
如果我将ngFor定义为TypeScript类的公共属性(作为示例)，但不能将ngFor绑定到包含json (clientsData)更改的变量，则可以使用clientsData1显示“固定”数据。
简而言之，我想要做的是，当我单击按钮时，启动getItems方法，一旦getItems有了结果，我就需要更新表。
这是我的TypeScript课程：
import {Component} from '@angular/core
浏览 1提问于2018-06-06得票数 2
回答已采纳
2回答
我有一个问题，我不知道为什么在可观察对象中使用value变量时，我的视图中没有更新它，谢谢你的帮助： import { Component, OnInit } from '@angular/core';
import { Observable, Observer } from 'rxjs';
@Component({
selector: 'app-observables',
templateUrl: './observables.component.html',
styleUrls: ['./observa
浏览 9提问于2019-06-13得票数 2
回答已采纳
试着玩RXJS和Scheduler。最后，我希望在滚动事件上有一个请求动画框架。
问题:我得到了一个类型错误:属性animationFrame不存在于Scheduler类型上
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/fromEvent';
import 'rxjs/add/observable/of';
import 'rxjs/add/observable/timer';
import 'rxjs/add/oper
浏览 0提问于2017-10-07得票数 1
回答已采纳
如果服务器返回401错误，我试图使系统以角的形式导航到登录页面，我尝试过这样做，但它没有导航：
import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Observable';
import { Router } from '@angular/router';
import 'rxjs/add/observable
浏览 2提问于2017-01-12得票数 3
回答已采纳
我有一个用例，当另一个可观察的通知程序发出时，我需要一个可观察的可以跳过其下一个发射的用例。
source: |---X---X---X---X---X---X---X---X---X---X--|>
notifier: |-------------X---------X----------X-------|>
result: |---X---X---X-------X---X-------X-------X--|>
基本上，我想要一个名为skipNextWhen的操作符，它接收可观察到的通知器，并跳过源的下一个发射。
我尝试使用一个使用pausable操作符的
浏览 10提问于2017-07-03得票数 11
回答已采纳
我正在angualr-cli应用程序中使用angualr-cli。
在viewer.component.ts中
//Other Imports
import { Observable } from 'rxjs/Observable';
//omitting for brevity
export class ViewerComponent implements OnInit, AfterViewInit, OnDestroy {
someFunction(someArg){
//omitting for brevity
let
浏览 11提问于2017-06-25得票数 17
回答已采纳
4回答
我正在用Angular阅读Routing and navigation。rxjs的first()运算符不起作用，我得到错误信息。 这是我的服务： import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';
import { first } from 'rxjs/operators';
import { Hero } from './hero';
import { HEROES } from './mock-heroe
浏览 51提问于2020-04-01得票数 0
回答已采纳
4回答
我正试图从rxjs 5迁移到6，但我遇到了困难。当我试着这个
this._connectivity.isOnline().pipe(first()).subscribe((state) => {
this.syncCheck(user.uid);
});
我收到了这个错误
Argument of type 'MonoTypeOperatorFunction<any>' is not assignable to parameter of type 'UnaryFunction<Observable<any>, Observable&
浏览 0提问于2018-08-02得票数 17
回答已采纳
我想知道为什么下面的代码不编译
import {Observable} from "rxjs/Observable";
userSignedIn$: Observable<boolean>; //naming convention for Streams has $ in the end.
this.userSignedIn$ = Observable.of(false)
我看到错误- Property of doesn't exist on type 'typeof Observable'
但是，如果我添加以下行，它就能工作了。
impor
浏览 0提问于2018-05-23得票数 0
回答已采纳
3回答
我想得到一个可观察的结果，并做一些更改，然后返回的结果与类型的可观测再次为组件订阅。这是我的密码：
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/throw';
import 'rxjs/add/observable/of';
import {Observable} from 'rxjs/Observable';
get_items() {
this.http.
浏览 1提问于2018-06-20得票数 3
回答已采纳
我一直在学习角4，直到我尝试在服务中实现捕获处理，一切都进行得很顺利。我试图使用"rxjs“捕获和抛出，但是我的控制台中有一个未定义的函数错误。
import { Injectable } from '@angular/core';
import { Http } from "@angular/http";
import { Observable } from 'rxjs/observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observab
浏览 6提问于2017-08-02得票数 43
回答已采纳
1回答
对于ES6模块，我不太清楚，特别是当涉及到带有副作用的导入时。
例如，在一个角项目中，我使用Rxjs库来使用可观察的。我需要使用ES6导入从这个库导入函数和对象。
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
//later in the code I'm using these imports like this in a method
return Obserable.of(....);
我的问题是导入:从‘rxjs/可观’导入{可观}；
浏览 1提问于2018-06-03得票数 0
1回答
我在玩弄，试图使用类型记录和角2来运行他们的示例。当我编译代码时，它抱怨‘Observable<{}>’类型上不存在"Property 'pluck‘“。我搞不懂为什么没有皮克。它在rxjs 5中被删除了吗？
使用：
角2.0.0-β.0 rxjs 5.0.0-β
代码：
import {Component} from 'angular2/core';
import {FORM_DIRECTIVES} from 'angular2/common';
import {Http} from 'angular2/http';
浏览 5提问于2016-01-01得票数 0
回答已采纳
在角2中使用rxjs时，import { Observable } from 'rxjs/Observable'和import { Observable } from 'rxjs'之间有什么区别吗？
浏览 2提问于2017-02-07得票数 10
回答已采纳
import { Injectable } from '@angular/core';
import { Headers, Http, Response } from '@angular/http';
import { Observable } from '@rxjs/Observable';
import 'rxjs/Rx';
import 'rxjs/add/observable/throw';
@Component({});
export shellModule{}
这是我从某个地方复制的角度应用程序中的一段
浏览 5提问于2017-08-07得票数 6
回答已采纳
Could not find module "@angular-devkit/build-angular" from "C:\\College-Portal-master".
Error: Could not find module "@angular-devkit/build-angular" from "C:\\College-Portal-master".
at Object.resolve (C:\Users\Admin\AppData\Roaming\npm\node_modules\@angular\cli\n
浏览 0提问于2019-01-12得票数 0
如果我试图在RxJS上使用诸如.take、.skip等操作符，就会出现以下错误：
import {Component} from '@angular/core';
import {AngularFire, FirebaseListObservable} from 'angularfire2';
import {Observable} from 'rxjs';
export class AppComponent {
items: FirebaseListObservable<any>;
constructor(public
浏览 2提问于2016-11-15得票数 0
回答已采纳
2回答
我很难将CRUD函数迁移到服务，这是我觉得它们属于的地方。我认为这与我对map和subscribe等方面的缺乏了解有关。
我的'get‘函数
getClients() : Observable<Client[]> {
return this.authService.get('clients')
.map(res => res.json())
.catch((error: any) => Observable.throw(error.json().error || 'Server error'));
};
这是一
浏览 2提问于2017-08-20得票数 1
回答已采纳
2回答
我在使用带有类型记录的rxjs Observable.concat函数时遇到了问题。获取错误“无法读取未定义的属性‘应用’”
这个问题似乎只存在于类型记录中，并且可能是特定于rxjs第5版的内容。这段代码似乎适用于rxjs V4。
下面是代码的简化版本，说明了这个问题.
/*jshint esnext: true */
console.clear();
console.log('started');
class test{
observableArray: Observable<any>[]=[];
constructor(){
浏览 1提问于2016-04-12得票数 3
回答已采纳
我试图在我的网站中添加一个InstantSearch函数。我使用的是角12.2，使用的是具有索引"book-data“的防火数据库。我在搜索组件中使用以下代码：
import { Component, OnInit } from '@angular/core';
import { AngularFirestore } from 'angularfire2/firestore';
import { Subject } from 'rxjs';
import { Observable } from 'rxjs';
@Comp
浏览 4提问于2022-04-29得票数 0
升级Angular后，原始码如下投诉 ngOnInit() {
...
Observable.fromEvent(this.filter.nativeElement, "keyup")
.debounceTime(150)
.distinctUntilChanged()
.subscribe(... 基于此thread，我将导入更改为 import { Observable, of, BehaviorSubject, merge, fromEvent} from "rxjs";
import { map, start
浏览 25提问于2021-04-02得票数 0
回答已采纳
我正在尝试重现这个repo中可用的高度动画：
下面是我的组件：
import { Component } from "@angular/core";
import { Observable, Scheduler } from "rxjs";
import { Label } from 'ui/label';
import 'rxjs/observable/defer'
import 'rxjs/scheduler/animationFrame';
import 'rxjs/observable/inte
浏览 0提问于2018-05-17得票数 0
1回答
我正在升级到角5和RxJS 5.5.2，并试图导入Observable.of操作符。
在可租操作人员之前，我们这样做：
import 'rxjs/add/observable/of';
// Usage
Observable.of(...)
但是现在不鼓励从包含add的路径中导入。
那么，现在导入和使用可租静态操作符的正确方法是什么呢？
浏览 6提问于2017-11-08得票数 3
回答已采纳
1回答
当我从组件调用一个类时，我在编译时出现了一个错误，它显示一个类没有属性，即使调用运行良好。
这是一个类：
export declare class MessageService {
private messageSource;
private clearSource;
messageObserver: import("rxjs/internal/Observable").Observable<Message | Message[]>;
clearObserver: import("rxjs/internal/Obser
浏览 0提问于2019-04-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
