来自firebase的Observable是不可迭代的，并且导致了臭名昭著的differ错误
。
Observable是一种数据流的概念，它可以用于处理异步数据流和事件流。在firebase中，Observable是一种用于处理实时数据更新的工具。然而，与传统的迭代器不同，Observable不支持直接的迭代操作。
Observable的不可迭代性意味着我们不能像使用数组或集合一样使用for循环或forEach来遍历Observable中的数据。相反，我们需要使用特定的操作符和订阅机制来处理Observable中的数据。
Observable的不可迭代性有时会导致一些问题，其中一个问题就是臭名昭著的differ错误。differ错误通常发生在使用Angular等前端框架时，当尝试将Observable直接传递给模板进行数据绑定时，由于Observable不可迭代，框架无法正确地进行数据比较和更新，从而导致错误的发生。
为了解决这个问题，我们可以使用Observable的操作符来转换Observable为可迭代的数据结构，例如使用toArray操作符将Observable转换为数组。这样就可以在模板中正确地进行数据绑定和更新。
在腾讯云中，推荐使用云函数 SCF（Serverless Cloud Function）来处理firebase的Observable数据。云函数 SCF 是一种无服务器计算服务，可以在云端运行代码，处理各种事件和数据流。通过使用云函数 SCF，我们可以将Observable转换为可迭代的数据结构，并在云端进行数据处理和更新。
腾讯云云函数 SCF产品介绍链接地址：https://cloud.tencent.com/product/scf
总结：来自firebase的Observable是不可迭代的，需要使用特定的操作符来处理。在腾讯云中，推荐使用云函数 SCF来处理Observable数据。
相关·内容
我一直在跟踪一个由内容创建者Paul制作的Ionic教程。该项目是一个购物列表，使用Firebase和Angular。
我的问题是，每当我运行该应用程序时，我都会收到如下所示的错误：
Error: Uncaught (in promise): Error: Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
Error: Cannot find a di
浏览 0提问于2018-07-24得票数 2
我正在试着比较两个文件。如果只出现一个文件，它将创建一个副本。那么，在使用begin..rescue..end时，是否可以重新调用该方法？
def differ()
begin
file_today = read_file("/etc/hosts.deny")
file_yesterday = read_file("/etc/hosts.deny_old")
content = Diffy::Diff.new(file_yesterday, file_today)
rescue
copy_log
differ #call itself?!O_
浏览 4提问于2013-05-02得票数 1
回答已采纳
我有以下模板：
*ngFor="let contact of contacts | async"
其中：
contacts: Observable<any>;
我得到了这个错误：
ERROR Error: Cannot find a differ supporting object '[object Object]'
of type 'object'. NgFor only supports binding to Iterables such as Arrays.
为什么ngFor异步管道需要Observable<any
浏览 2提问于2018-01-20得票数 4
1回答
请参阅此处问题(打开控制台)：
我在AppModule中导入并调用了AppModule，如下所示：
import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
import { AngularFirestoreModule } from '@angular/fire/firestore';
@NgModule({
imports: [
BrowserModule.with
浏览 1提问于2019-02-19得票数 4
回答已采纳
import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/compat/auth';
import * as firebase from 'firebase/auth';
import { Observable } from 'rxjs';
@Injectable({
providedIn: 'root'
})
export class AuthService {
user$:Obse
浏览 0提问于2021-10-27得票数 1
我在Node_Modules包中的Auth.d.ts文件中得到以下错误。
ts模块‘node_modules/rxjs/ Observable’‘没有导出成员'Observable’。导入Observable
找到Auth.d.ts文件的以下代码：
import * as firebase from 'firebase/app';
import 'firebase/auth';
import { Observable } from 'rxjs/Observable';
import { FirebaseApp } from '.
浏览 0提问于2018-05-05得票数 12
嘿，我在商店中有对象，我想在模板中查看该对象。 我的Ts文件： import { Component, OnInit } from '@angular/core';
import { Observable } from 'rxjs';
import { Store } from '@ngrx/store';
import { Comment } from '../../models/comment.model';
import { User } from '../../models/user.model';
im
浏览 7提问于2019-12-13得票数 1
回答已采纳
@Injectable()
export class ArticlesService {
items: FirebaseListObservable<any>;
private _url = 'http://59176d8f5b63ed0011251710.mockapi.io/api/v1/articles';
constructor(private _http: Http, db: AngularFireDatabase) {
this.items = db.list('/');
}
getAllArticles
浏览 0提问于2017-05-14得票数 0
1回答
我的组件中有一个方法，它使用可观察的方法来侦听第一个事件，超时时间为15s。该方法调用嵌套的可观测值，如果参数为null或空，则应引发错误。我使用Observable.throw()，但是错误只在超时/15s之后传播。
this.signUp(this.user)
.first()
.timeout(15000)
.subscribe((authResponse) => {
console.log("next fired");
dialo
浏览 8提问于2017-01-07得票数 1
回答已采纳
我按照中的指示在我的离子应用程序中实现了一个简单的身份验证保护。它应该重定向到‘登录’页面，如果他们没有登录的人。
当我进入我的“设置”页面并试图注销当前用户时，问题就出现了。
正如你所看到的，有一个“限制历史状态变化，以防止浏览器挂起”，这是无限的。事实上，我不得不关闭我的笔记本电脑，因为标签不能关闭。幸运的是，我在关闭它之前抓取了一个疑难解答截图。
我的身份验证保护代码，位于app/services/user下：
import { Injectable } from '@angular/core';
import {
CanActivate,
Acti
浏览 29提问于2018-12-15得票数 0
回答已采纳
1回答
我有一个角2应用程序，我有一个简单的页面，它由一个HTML表组成，在HTML页面的组件中，我调用一个连接到Firebase 3并从给定表中检索值的服务，该表如下所示：
我的bug.componenet.ts看起来是这样的：
import { Component, OnInit } from '@angular/core';
import { BugService } from '../service/bug.service';
import { Bug } from '../model/bug';
@Component({
s
浏览 3提问于2016-12-29得票数 0
回答已采纳
我已经编写了一个函数，该函数返回一个可观察到的包装onSnapshot方法的函数。
function getObservable() {
return Observable.create(observer => {
firebase.firestore().collection('users').onSnapshot(
snapshot => observer.next(snapshot.docs),
);
});
})
}
我能够使用这个函数并获得如下更新的文档
const observable = getO
浏览 0提问于2018-10-17得票数 1
回答已采纳
我有一个Firebase列表Observable(FLO)，它发出一个Firebase对象observables(FOO).列表
我想根据FOO(比如说'age')发出的元素对FLO的集合进行排序。
我想使用异步管道吗？我希望避免订阅和保存本地数据副本，因此只使用异步管道。
模板：
<ion-row class="item-row" *ngFor="let item of itemslist|async">
<ion-col>{{(item|async)?.someElement}}</ion
浏览 1提问于2017-08-07得票数 0
我不知道为什么每当我试图创建我的应用程序的构建时，我都会得到这个错误。我尝试了很多解决方案，但我无法解决这个问题。我不知道是否有任何插件导致了问题，或者我的代码、firebase或firebase连接是否有任何问题。我已经删除了节点模块，并运行了npm安装和删除，并重新添加了android平台，但我仍然收到这个错误。
import com.google.firebase.iid.FirebaseInstanceIdService;
^
symbol: class FirebaseInstanceIdService
loca
浏览 11提问于2019-05-21得票数 27
我在浏览器中有以下错误消息：
Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
我知道有很多类似的问题，但它们都没有真正的帮助。我使用的角度与NestJS后端。
我的服务档案：
export class ApiService {
url: string = "http://localhost:3000/api/user";
c
浏览 2提问于2020-04-28得票数 0
回答已采纳
1回答
我在写不同的东西。命令行需要处理两个文件--左和右。我希望突触是这样的
differ.py [-f] FILE1 [[-t] FILE2]
其中-f是接受FILE1的选项，-t则接受FILE2。FILE1是强制性的，FILE2可以从stdin或真实文件中读取。我希望它能像这样使用：
differ.py myfile1
differ.py myfile1 myfile2
differ.py myfile1 -t myfile2
differ.py -f myfile1
differ.py -f myfile1 myfile2
differ.py -f myfile1 -t myfile2
用ar
浏览 2提问于2020-05-31得票数 1
回答已采纳
1回答
我正在尝试使用rxJava支持来重构我的同步过程。但我遇到了一个奇怪的(对我来说)错误。
最初，我执行'sync‘过程。然后在'onCompleted‘中执行syncPart2。这是相同的过程(但要与其他节点同步)
在'syncPart2‘中，我得到了'error=DatabaseError: Permission denied’。在数据库规则一切正常的情况下，此错误出现在不同的节点上(并且当前同步工作正常)。
基本上，我有16个节点要逐个同步，精确到特定的顺序。也许我选择了错误的Rx操作来这样做？顺便说一句，如果我只使用一个“concat”，一切都可以！但我要
浏览 11提问于2017-07-28得票数 0
回答已采纳
我在角度和云功能方面是新的。我创建了一个云函数来从Firebase获取数据。邮递员的反应是正确的。
格式如下：
{
"products": {
"-L7bnFARTPRbuYbPXnVw": {
"createdAt": "Thu Mar 15 2018 09:26:09 GMT+0530 (India Standard Time)",
"image": "https://firebasestorage.googleapis.com/v
浏览 0提问于2018-03-24得票数 1
回答已采纳
1回答
我设置了一个带有firebase电子邮件和密码登录的身份验证守卫，问题是它会自动触发到指定组件的路由。
我已经实现了身份验证保护，并将其设置在正确的模块提供程序中(因为我在我的应用程序中有许多提供程序)。这是我的认证服务：
import { Injectable } from '@angular/core';
import { Router, Route ,CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, CanActivateChild, CanLoad } from '@angular/router&
浏览 1提问于2018-09-12得票数 1
有时候，当我的应用程序启动时，互联网连接不好，用户就会被注销。
我不想这样..。我希望用户继续登录，即使由于互联网连接不好，应用程序没有正确启动。
"@angular/fire": "^5.1.0",
我附加了我的AuthService代码，还有我的依赖项。我做错什么了？
import { Router } from '@angular/router';
import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular
浏览 1提问于2022-06-05得票数 0
我正在尝试调用一个API来做一个非常简单的get请求，但是似乎没有提供选项，因为我收到了一个身份验证错误，即使相同的身份验证令牌在Postman上也可以工作。代码如下：
import { HttpClient, HttpHeaders } from '@angular/common/http';
@Injectable()
export class UsersService {
private nearby_url: string = APP_CONFIG.apiEndpoint + '/users/closest/';
private me_u
浏览 0提问于2017-11-21得票数 0
回答已采纳
这是一个Angular 6和Firestore应用程序。我正在尝试将service1导入到service2中，但得到了以下错误。
compiler.js Uncaught Error: Can't resolve all parameters for Service1
我读过这篇和这篇帖子，它们都没有提供洞察力。
这是我的代码。
首先，我在app.module.ts中将这两个服务作为提供者导入并列出
#### app.module.ts ####
import { AuthenticationService } from './authentication.service&#
浏览 0提问于2018-08-01得票数 1
当我试图打印我所有的数据库记录时，我得到了Cannot find a differ supporting object '[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.错误。
我使用这个从firebase获取数据。不知何故它不起作用。我的json文件结构是错误的还是数组的类型应该不同？我做错什么了？
firebase (json)
{
"clients" : {
"-L4jvQwBFM0W8A
浏览 0提问于2018-02-07得票数 0
回答已采纳
1回答
下面的方法，使用forkJoin运行良好，但是。。。
unifiedSearch : Function = (query: string) : Observable<UnifiedSearch> => {
return forkJoin(this.searchService.gitSearch(query), this.codeSearchService.codeSearch(query))
.map( (response : [GitSearch, GitCodeSearch]) => {
return {
'repositorie
浏览 0提问于2019-03-19得票数 1
我有一个效果/ngrx副作用的手术：
@Effect() newMessages$ = Observable.interval(5000)
.withLatestFrom(this.store.select<UiState>("uiState"))
.map(([any,uiState]) => uiState)
.filter(uiState => Boolean(uiState.userId))
.switchMap(uiState => this.threadsServi
浏览 1提问于2017-01-24得票数 0
回答已采纳
如果X是某个有序容器S的迭代器S.begin()，那么什么是S，例如S是一个set？我原以为它会变成S.end()，但这似乎不正确。
浏览 0提问于2019-03-02得票数 0
我正在使用一个带有firebase的angular应用程序，并且我有一个允许管理员用户创建更多用户的功能，这是我的AuthService中使用的代码
registerEmployeeByEmail(user: User, password: string): Observable<void> {
return from(this.afAuth.auth.createUserWithEmailAndPassword(user.email, password).then(credentials => {
user.id = credentials.user.
浏览 0提问于2019-02-02得票数 3
2回答
这是我的Mobx商店：
import { observable } from 'mobx';
import fb from '../Firebase';
import User from '../User';
export default class Profile {
@observable profile = {};
@observable uid = null;
/**
* @return {void}
*/
constructor(user) {
this.user = user;
f
浏览 0提问于2017-05-23得票数 0
1回答
我有一个服务，它在本地获取一个图书列表，我得到了以下错误：
BooksComponent.html:2 ERROR Error: Cannot find a differ supporting object
'[object Object]' of type 'object'. NgFor only supports binding to Iterables such as Arrays.
at NgForOf.webpackJsonp.../../../common/@angular/common.es5.js.NgForOf.ngOnChanges
浏览 2提问于2017-10-06得票数 1
回答已采纳
我想做一个函数，它接受一个类似数组的类型(例如。std::vector，std::array，C数组，...etc)。我的函数体只要求参数有一个返回特定类型的下标操作符[]。例如，假设我想要编写以下函数，是否有一种方法可以只编写一次代码，而不是将相同的代码重复三次？
AddOne(std::array<double> &array, int size){
for(int i=0;i<size;i++){
array[i] += 1;
}
AddOne(std::vector<double> &array, int size){
for(
浏览 0提问于2018-04-13得票数 2
1回答
请看下面我的组件，其目的是侦听输入的更改，它会这样做，然后将值发送到父组件。我创建了一个管道，只是偶尔发出一次，然后通过最小化对api的调用，出于某种原因，即使我可以通过管道中的各种console.log语句看到它，但它在每次更改时都会发出值。我错过了什么： import {ChangeDetectionStrategy, Component, EventEmitter, Input, OnChanges, OnInit, Output, KeyValueDiffers, DoCheck, KeyValueDiffer} from '@angular/core';
impor
浏览 10提问于2019-06-05得票数 0
回答已采纳
chatroom.service.ts：
...
export class Message {
author: string;
body: string;
}
export class Chatroom {
title: string;
messages: Message[]; // <-- seems to be the problem
}
@Injectable()
export class ChatroomService {
...
getChatroom = (chatroomId: string): FirebaseObjectObservable
浏览 0提问于2017-06-04得票数 0
1回答
获取列表防火墙列表
、、、、
我正在用Firebase上的数据库创建Ionic应用程序，所以我在Firebase中有类似的东西，我使用angularfire2来获取数据
我在获取paises方面没有问题，但我尝试过获取jugadores列表，但一无所获。
这是我的.ts
export class HomePage {
paises: Observable<any[]>
constructor(public navCtrl: NavController, db: AngularFireDatabase) {
this.paises = db.list('paises').valueChang
浏览 0提问于2018-04-25得票数 1
回答已采纳
2回答
我正在尝试将以下简单函数上载到我的firebase控制台 const functions = require('firebase-functions');
exports.helloWorld = functions.https.onRequest((request, response) => {
response.send("Hello from Firebase!");
}); 但是，它会失败，并显示以下错误： HTTP Error: 400, Default service account 'myfirebase-projecte@ap
浏览 18提问于2020-04-02得票数 1
回答已采纳
我创建了我的管道和服务。一组语言缩写转到pipe，然后pipe从站点调用函数。这是它作为参数传递给pipe = ["be", "bg", "cs", "da", "de", "el", "en"]的内容 这是pipe transform(value: any[], kind: string): Observable<string | any>{
this.customTranslateService.getSortedTranslation(value,
浏览 30提问于2019-10-03得票数 0
第一个错误：
Namespace '"D:/desktop/Programming/oauthAngular/node_modules/firebase/compat/index"' has no exported member 'User'.
第二个错误：
Type 'import("D:/desktop/Programming/oauthAngular/node_modules/rxjs/dist/types/internal/Observable").Observable<firebase.default.au
浏览 8提问于2022-04-20得票数 1
1回答
我希望在LoginService中加载我的用户数据节点，并在加载其他服务之前等待，因为到所有其他服务的路径的一部分取决于用户数据。(在我的例子中，我希望在用户数据节点->中保存一个游戏i，例如，我的用户有一个已签名的游戏i:1到其他数据的路径将是/1/chat，... )
Auth.guard.ts
//Angular
import { Observable } from 'rxjs/Rx';
import { Injectable } from '@angular/core';
import { CanActivate, Router, Activate
浏览 12提问于2017-03-14得票数 1
回答已采纳
我想输入一个值，并将其赋给一个不可变的变量(应该是)。我该怎么做呢？
目前，我正在做这件事：
use std::io;
fn main() {
let mut a = 0;
let mut b = 1;
let mut nth_term = String::new();
io::stdin().read_line(&mut nth_term);
}
但是如果没有&mut，它会生成一个错误：types differ in mutability。如果我从声明中删除mut，我会得到如下错误：
error[E0308]: mismatched type
浏览 36提问于2020-02-15得票数 1
回答已采纳
我正在尝试使用如果与我的登录资料。这样做的目的是在不存在的防火墙中创建用户，如果存在，只需登录即可。我想这样做的原因是，我希望在用户UID下放置更多的信息，但是每次用户登录时，这个信息都会从防火墙中删除，因为它总是更新UID和它下面的条目。
也许还有另外一种方法，但这是我唯一能找到的解决方案。
我遇到的问题是，当我建楼时，我会出错。请参见下面的错误消息。
这是在我的MainActivity.java里
@Override
public void onFirebaseLoggedIn(final AuthData authData) {
// TODO: Handle successfu
浏览 1提问于2016-04-01得票数 0
回答已采纳
1回答
给定以下代码：
<div *ngFor='let loc of user.locations | async'>
<div *ngFor='let day of days'>
<div *ngFor='let data of get_data_observable(loc, day) | async'>
...
</div>
</div>
</div>
这是连接到Firebase数据库。
get_data
浏览 6提问于2017-07-20得票数 1
我参与了将一个项目从Angular 5.2.11迁移到6.0.0的相当艰巨的任务，并且我在使用RxJS 6(这是Angular >6所要求的)时遇到了一些困难。例如，我得到了这个和其他许多类似的东西： ERROR in node_modules/angularfire2/auth/auth.d.ts(3,10): error TS2305: Module '"/Users/jadam/brightwater2/node_modules/rxjs/Observable"' has no exported member 'Observable'
浏览 25提问于2019-09-09得票数 0
我已经为我的颤振应用程序部署了一个google云功能，当一个新节点被插入火炉实时数据库时，它会向给定的用户发送推送通知，但是它不起作用，所以我决定用VS Code来调试函数，我正在一台Windows机器上使用它来开发颤振应用程序。
因此，我遵循了一系列步骤，遵循一个教程，所有这些步骤都在终端中，我连接到了一个本地版本的数据库--我被告知调试器正在监听端口9229。所以我看不见真正的数据库数据，看起来是空的。在没有找到解决方案的情况下进行测试后，我想再次使用真实的数据，所以我尝试停止函数并卸载google模拟器，但是我仍然看不到任何数据库数据。
因此问题是:如何再次连接到服务器上的实时数据库？
浏览 4提问于2019-10-25得票数 0
1回答
我在我的项目中使用fernando cejas的干净android样板代码，并在我的项目中实现了firebase实时数据库，但是，当我调试我的代码时，我看到每次调用()时，我的发射器都是onDataChange() (当我向防火墙数据库中添加一个新行时)，而我的UI没有呈现新的列表内容，下面是我的数据模块代码，有什么建议吗？
@Override
public Observable<List> signalEntityList() {
Firebase myFirebaseRef = new Firebase("https://mydatabase.firebaseio.c
浏览 3提问于2017-08-24得票数 1
回答已采纳
我使用这个库https://github.com/step-up-labs/firebase-database-dotnet从firebase中检索项目，然后将其实时显示给datagrid。
但是我在显示它的时候卡住了，基于上面的链接来获得实时流，我需要使用这个代码：
var firebase = new FirebaseClient("https://dinosaur-facts.firebaseio.com/");
var observable = firebase
.Child("dinosaurs")
.AsObservable<Dinos
浏览 17提问于2018-03-01得票数 1
回答已采纳
我在Angular的ShoopingApp上工作，后端我使用FireBase。我有模型类别：
import { ProductModel } from "./product.model";
export class CategoryModel {
public id: number;
public name: string;
public description: string;
public image: string;
public products?: ProductModel[];
constructor(id: number, name: string, de
浏览 3提问于2018-10-30得票数 1
我有一个组件作为对象的输入数组，这些对象应该被过滤并显示在模板中。
@Input() inputAddons: Array<InputAddon>;
addOns: Observable<InputAddon>;
lblLeftAddons: Observable<InputAddon>;
类中的定义在上面。
ngOnInit(): void {
this.addOns = Observable.from(this.inputAddons);
this.lblLeftAddons = this.addOns.filter(function (x)
浏览 2提问于2016-01-17得票数 4
回答已采纳
1回答
合并多个可观测值并返回一个
、、、、
我有一个函数，它应该返回一个可观察到的Conversations列表。为此，我必须从另一个表Participants中获取用户会话I，并将这些会话I逐一组合起来。
public getConversations(user_id: string): Observable<Conversation[]> {
return this.firebase
.collection<Participant>(this.PARTICIPANTS_COLLECTION, ref =>
ref.where('user_id', &#
浏览 0提问于2018-07-23得票数 2
回答已采纳
1回答
我有这个firebase文档，我想从name数组的第一个元素中按文本字段进行排序，所以是正式名称。
下面是我正在尝试使用的代码，但它不起作用：
get(collectionName: string): Observable<T[]> {
return this.afs.collection(collectionName, ref => {
let query: CollectionReference | Query = ref;
query = query.orderBy('text', 'asc').
浏览 1提问于2021-05-24得票数 2
回答已采纳
1回答
在从离子文档安装了firebase包并配置了用于云消息传递的防火墙之后，当我运行“离子型cordova build android”时，会得到以下错误：
D:\Projects\Evento\Evento\platforms\android\app\src\main\java\org\apache\cordova\firebase\FirebasePlugin.java:610: error: method getByteArray in class FirebaseRemoteConfig cannot be applied to given types;
浏览 0提问于2019-07-06得票数 1
2回答
我试着用反应性的形式来做一些事情，但是很难实现我认为简单易懂的东西。
我想循环元素并将它们显示为窗体控件。
我目前有：
@Component({
selector: 'app-reactive-form-test',
styleUrls: ['./reactive-form-test.component.scss'],
template: `
<form [formGroup]="questionForm">
<ng-container formArrayName="questions&#
浏览 6提问于2021-01-22得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
