使用AngularFire2和Firebase获取连接数据时出错
AngularFire2是一个用于Angular应用程序的开源库，它提供了与Firebase实时数据库和身份验证服务的集成。Firebase是一个由Google提供的云服务平台，它提供了实时数据库、身份验证、云存储、云函数等功能。
当使用AngularFire2和Firebase获取连接数据时出错，可能有多种原因导致。以下是一些可能的解决方案：
- 检查Firebase配置：确保在Angular应用程序中正确配置了Firebase。这包括提供正确的Firebase项目密钥和配置文件。
- 检查网络连接：确保您的应用程序可以访问互联网，并且可以与Firebase服务器建立连接。检查网络连接是否正常，并确保没有任何防火墙或代理设置阻止应用程序与Firebase通信。
- 检查权限设置：Firebase实时数据库具有基于规则的访问控制。确保您的Firebase数据库规则允许您的应用程序读取所需的数据。您可以在Firebase控制台中配置数据库规则。
- 检查代码逻辑：检查您的代码逻辑是否正确。确保您使用正确的路径和方法来获取连接数据。您可以参考AngularFire2的文档和示例代码来确保正确使用库。
- 检查错误消息：查看控制台输出或错误消息，以了解出错的具体原因。错误消息可能会提供有关问题的更多信息，例如权限拒绝、无效路径等。
对于AngularFire2和Firebase的更多信息和使用示例，您可以参考腾讯云的云开发文档中关于Firebase的介绍和示例代码。腾讯云云开发是一个提供云端一体化开发平台的产品，它与Firebase具有类似的功能和特性。
参考链接：
- AngularFire2官方文档：https://github.com/angular/angularfire
- Firebase官方网站：https://firebase.google.com/
- 腾讯云云开发文档：https://cloud.tencent.com/product/tcb
相关·内容
1回答
我是angular的初学者。虽然我尝试使用AngularFireDatabase对象检索数据，但我没有获得所需格式的数据
接口：
export interface AppUser {
name: string;
email: string;
isAdmin: boolean;
}
函数调用：
get appUser$():Observable<AppUser>{
return this.user$.pipe(
map(user=> this.userService.get(user.uid)))
}
userService.ts
import { Injectable
浏览 6提问于2019-07-19得票数 0
回答已采纳
我在项目中安装和使用了很多次AngularFire2，但是自从v5发布后，我就无法正确地设置它。
这些是我为解决这个问题所遵循的步骤。
$ ionic start angularfire2test tabs
$ npm install angularfire2 firebase --save
package.json
"angularfire2": "^5.0.0-rc.3",
"firebase": "^4.5.2",
向app.module.ts +导入默认模块和数据库模块添加Firebase凭据。这是最重要的部分
impor
浏览 7提问于2017-10-19得票数 10
回答已采纳
我正在使用Firebase作为我的角5应用程序的数据库。我能够使用ng build构建、运行和部署项目。但是，当我使用--prod标志进行构建时，我会得到以下错误。
使用：
ng build --prod
我得到以下错误：
在“FirebaseModule”函数调用的模板编译过程中出现错误时，装饰器不支持错误，但是调用了“AngularFireModule”。
我不明白如何配置AngularFire模块以使其工作。
Firebase.Module.ts:
import { NgModule } from "@angular/core";
import { CommonM
浏览 2提问于2018-01-21得票数 13
我正在开发一个Ionic 3应用程序，我正在尝试将我的应用程序连接到firebase数据库。但它一直告诉我：
Type 'AngularFireList<{}>' is not assignable to type 'FirebaseListObservable<any>'.
Property '$ref' is missing in type 'AngularFireList<{}>'.
(property) AddEmployeePage.employeesList: FirebaseLis
浏览 2提问于2017-11-08得票数 1
回答已采纳
我在一个项目angular4上，由于遇到了关于angularfire2的这个错误，我不能进行编译。有人能帮帮我吗？
ERROR in node_modules/angularfire2/firebase.app.module.d.ts(5,45): error TS2503: Cannot find namespace 'firebase'.
node_modules/angularfire2/firebase.app.module.d.ts(8,17): error TS2503: Cannot find namespace 'firebase'.
node_
浏览 0提问于2017-12-20得票数 3
我发现了一些关于将来自不同应用程序项目的多个数据库与angularfire2连接的。但是我想在同一个项目中访问数据库。
指出：
// Get the default database instance for an app
var database = firebase.database();
// Get a secondary database instance by URL
var database = firebase.database('https://testapp-1234.firebaseio.com');
我怎样才能用angularfire2做到这一点呢？
浏览 0提问于2018-04-19得票数 1
回答已采纳
Firebase云商店提供了"get“方法来检索整个集合，如下所示-
db.collection("users").get().then((querySnapshot) => {
querySnapshot.forEach((doc) => {
console.log(doc);
});
});
我在我的ionic 3项目中使用Angularfire2 5.0.0rc3版本来连接firebase云存储。
我正在尝试访问这个get方法，如下所示-
constructor(
浏览 0提问于2017-11-29得票数 6
1回答
我正在使用Angular 6和Firebase创建聊天应用程序，我面临以下错误：
错误1 -
从FirebaseListObservable导入angularfire2/database时出错
import { AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database';
ts模块'"/Users/user/Projects/A4/chat-app/node_modules/angularfire2/database/index"‘没有导出成员“exported”。
浏览 0提问于2018-07-03得票数 0
回答已采纳
1回答
我已经创建了一个离子应用程序，在这个应用程序中，我想连接firebase和离子应用程序。但是在配置了firebase和离子型应用程序之后，我遇到了这样的问题：
模块导入的意外值请添加@ngmodule注释
我已经通过firebase导入了数据库，现在我想获取并向该数据添加新的数据。
app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { HttpModule } from '@angular/http';
import { ErrorHandler
浏览 3提问于2017-11-04得票数 1
回答已采纳
我想在我的应用程序中使用firebase和angularfire2，首先，我安装了它们，并用于声明：
在environment.ts中
export const environment = {
production: false,
firebase: {
apiKey: 'sfsdfdsff',
authDomain: 'sfsdfdf',
databaseURL: 'https://ng-sfsdfsf.firebaseio.com',
projectId: 'ng-fitnesssfsd
浏览 0提问于2018-05-16得票数 17
回答已采纳
2回答
我希望使用firebase模块“Firebase.ServerValue.TIMESTAMP”将日期保存到具有服务器生成时间戳的防火墙服务器。
如何配置在angular2项目中将Firebase作为模块导入。
我正在使用Angular2，角-cli，angularFire2等.以下是配置设置.
System-config.ts
/** Map relative paths to URLs. */
const map: any = {
firebase: 'vendor/firebase/lib/firebase-web.js',
angularfire2: &#
浏览 3提问于2016-06-06得票数 1
回答已采纳
我正在使用Angular2和Firebase构建一个web应用程序，并使用angularfire2进行身份验证和数据库交互。看上去像angularfire2 。在那之前，还有什么选择呢？我可以访问Firebase对象并遵循Firebase文档中的吗？
浏览 5提问于2016-07-08得票数 1
回答已采纳
1回答
我希望能够从Firebase存储中获得一个json文件来处理。我不需要推回去。
Firebase存储可以给我这个吗?如果是这样，我怎样才能用角度来实现呢？
如果不是，那么Firebase数据库是一个更好的选择吗？
我已经下载了firebase和angularfire2。
我试过getDownloadURL和getMetadata，但是不知道如何在里面获取信息。
谢谢你的帮忙!
浏览 0提问于2018-06-28得票数 1
回答已采纳
在角6上初始化GeoFire有问题。当我尝试初始化GeoFire时，
geofire__WEBPACK_IMPORTED_MODULE_2__不是构造函数
抛出错误。
下面是我的依赖项和代码。
"@angular": "6.0.2",
"firebase": "5.0.3",
"geofire": "4.1.2",
"angularfire2": "5.0.0-rc.9"
"typescript": "2.7.2"
im
浏览 0提问于2018-07-21得票数 1
我有一个ionic2应用程序，并且正在使用Firebase和angularFire2。我希望使用angularFire2从防火墙获取当前身份验证状态和当前的auth对象/用户。
到目前为止，我可以对用户进行身份验证并订阅FirebaseAuthState来获取facebook用户对象。
constructor(platform: Platform, private auth: FirebaseAuth) {
auth.subscribe((user: FirebaseAuthState) => {
if (user) {
// I could s
浏览 0提问于2016-04-19得票数 15
回答已采纳
我正在使用来自的最新(4.x.x)角快速启动。
我想导入firebase和angularfire2。
我以以下方式导入了systemjs.config.js中的库：
map: {
...
'firebase': 'npm:firebase',
'angularfire2': 'npm:angularfire2/bundles/angularfire2.umd.js',
'angularfire2/auth': 'npm:angularfire2/auth
浏览 2提问于2017-05-23得票数 0
我试图弄清楚如何将集合限制为只返回用户的数据，而不是每个人的数据。
在我使用FirebaseService的示例中，只显示CRUD示例，其中返回的数据是一切。
import { Injectable } from "@angular/core";
import { Platform } from 'ionic-angular';
import 'rxjs/add/operator/toPromise';
import { AngularFirestore } from 'angularfire2/firestore';
impor
浏览 1提问于2018-12-02得票数 0
1回答
我正在尝试使用Firebase和AngularFire2来做一个AngularFire2。但是，当我使用以下内容时，我会得到上面的错误：
let fb = firebase.database().ref();
let key = fb.child('/path').push().key();
有什么想法吗?在使用AngularFire2按下某个东西之后，我如何才能得到密钥？
浏览 5提问于2016-11-06得票数 0
回答已采纳
我有一个角度应用程序连接到一个防火墙数据库。我能够从数据库中读取数据。然而，我试图启用登录和注册功能的应用程序..。但当我试着做
firebase.auth()；
我听到一个错误，说ts找不到名字'firebase‘
我正试着跟踪这个
我是不是错过了一些顶级的进口品？目前我只有这些..。
import { Component } from '@angular/core';
import {AngularFireDatabase} from 'angularfire2/database'
我在app.component.ts文件中的代码：
import {
浏览 5提问于2017-12-29得票数 1
回答已采纳
2回答
我正在尝试增加火力基地的角度6项目。
npm install firebase angularfire2 --save
这个项目是基于ngx-管理，并作了一些修改.我是个新手，有棱角和打字记录。
在运行上述命令之后，尝试ng serve将给出
node_modules/angularfire2/auth/auth.d.ts(4,10)：错误TS2305中的错误:模块'"/Users/arash/Src/dance-admin/node_modules/firebase/app/index"‘没有导出成员“User”。node_modules/angularfire2/
浏览 3提问于2018-05-26得票数 2
我在构建管道(wercker)上得到了很多错误，但是当我执行一个消防基础部署时，它在本地env上运行得很好。
不确定这是否与angualarfire2版本错配有关？
ERROR in /pipeline/source/node_modules/angularfire2/database/firebase_list_observable.d.ts (14,62): Namespace 'firebase' has no exported member 'Promise'.
ERROR in /pipeline/source/node_modules/
浏览 4提问于2017-10-04得票数 0
回答已采纳
我正在尝试从firebase获取数据。但我收到以下错误node_modules/@firebase/database/dist/cjs/index.d.ts(16,35)：错误应用程序:找不到模块‘@firebase/TS7016’的声明文件。'C:/Users/Paandi/Desktop /Project/Demo/node_modules/@firebase/app/dist/cjs/index.js‘隐式具有'a ny’类型。node_modules/@firebase/database/dist/cjs/src/api/Database.d.ts(3,46)：错误TS
浏览 1提问于2018-03-28得票数 0
我已经使用Ionic 2创建了一个应用程序，它使用带电子邮件/密码身份验证的Firebase。我使用angularfire2是为了和firebase对话。
export const firebaseConfig = {
apiKey: "***********",
authDomain: "***********",
databaseURL: "*****************",
storageBucket: "***************"
};
const myFirebaseAuthConfig =
浏览 1提问于2016-12-09得票数 0
最近我开始学习角，我想从表单中获取值并将其发送到数据库Firebase。我在用angularfire2。
根据docs，有"setValue()“方法，但没有"value()”或"getValue()“方法。还有其他方法可以使用吗？
-TIA
浏览 1提问于2019-02-27得票数 0
回答已采纳
1回答
防火墙身份验证不持久化
、、、、
页面刷新后，身份验证似乎不会持续。即使在使用firebase.auth.Auth.Persistence.LOCAL之后。
每当我登录到我的应用程序时，它就成功地将我重定向到仪表板。但是，当页面被刷新时，访问仪表板是不可能的。
这是我的密码。
文件名: login.component.ts
import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';
import * as firebase from 'firebase/app&
浏览 2提问于2017-11-06得票数 11
回答已采纳
使用Angular5开发angularfire2应用程序。我有一张有很多物品的清单。当我订阅它时，使用：
this.db.list("/list").valueChanges().subscribe(data => { .. });
我像预期的那样把名单上的所有孩子都列在数据中。当我现在更改Firebase后端中的一个项目时，回调将再次接收所有子级的整个列表。
如何订阅仅接收数据中列表中的受影响项？
或者是因为angularfire2在内部传递列表的状态，并且只将受影响的项从服务器传输到应用程序，这是否与此无关？我的目标是尽量减少连接流量。
(预先谢谢:)
浏览 0提问于2018-01-25得票数 7
3回答
我正在开发一个聊天应用程序。有一个chat.component.ts连接到一个服务，并抓取'messages‘和'displayName’。
在chat.component.html中，我像这样绑定displayName：<p>You are logged in as: {{displayName}}</p>
这是chat.component.ts的外观：
import { Component, OnInit, AfterViewChecked, ViewChild, ElementRef } from '@angular/core'
浏览 0提问于2017-09-24得票数 1
我正在使用AngularFire2创建一个带有Firebase和Angular 5的登录系统。当我单击登录和注销时，一切工作正常。唯一的问题是，如果我刷新页面，会出现闪烁，如下所示。显然，这种情况的发生是因为javascript需要时间来加载。解决这个问题的最好方法是什么？通常我使用PHP或其他后端语言创建登录系统，所以我不会遇到这个问题，因为我只是检查登录的会话变量，在此之前页面不会完成加载。此时页面会立即加载，然后Javascript会检查您是否已登录。
我知道我可以使用加载旋转器，但我不喜欢使用这种技巧的网站。另一种可能是使用Javascript cookies或JWT。我只是想找出什么
浏览 0提问于2018-05-28得票数 5
1回答
我得到的数据从谷歌加登录时执行只有谷歌登录。在为firebase通知添加fireabase插件( for cordova plugin add cordova- plugin -firebase)后，google plus登录不起作用。我没有从google登录中获得任何数据。 我已经安装了插件和npm： @ionic-native/firebase": "4.20.0,
@ionic-native/google-plus": "4.20.0,
angularfire2": "5.0.0-rc.4,
cordova-plugin-firebase
浏览 54提问于2019-05-02得票数 0
刚开始使用AngularFire2 v5时，当我运行应用程序时，我看到了大约12次以下错误:命名空间'firebase‘在以下.d.ts文件中没有导出成员'firestore’：
node_modules/angularfire2/firebase.app.module.d.ts
node_modules/angularfire2/firestore/collection/changes.d.ts
node_modules/angularfire2/firestore/firestore.d.ts
node_modules/angularfire2/firestore/inte
浏览 1提问于2017-11-06得票数 7
我无法使用AngularFire2在firebase中的某个位置使用存储的数据预先填充表单。模板有多个输入，如下所示：
<form (ngSubmit)="onSubmit(propertyForm.value)" #propertyForm="ngForm">
<div class="form-group">
<md-input-container>
<input md-input placeholder="Postcode" type="text"
浏览 5提问于2017-02-10得票数 1
回答已采纳
2回答
我很难让authCredentials在AngularFire2中重新验证用户的敏感方法，例如删除、密码更新、电子邮件更新等等，我得到了以下错误：
属性'AuthCredential‘在’auth‘类型中不存在。
这是它的代码：
import { AngularFire } from 'angularfire2';
import * as firebase from 'firebase';
constructor(private af: AngularFire) { }
reauthenticated() {
th
浏览 2提问于2017-03-10得票数 1
在服务器断开连接时，在Angularfire2中删除Firebase对象的正确模式是什么？FirebaseObjectObservable似乎没有提供到FirebaseOnDisconnect接口的钩子。
浏览 1提问于2016-07-10得票数 2
试图为我的angularCLI和Firebase服务导致了这个错误.我做什么好？
node_modules/angularfire2/app/firebase.app.module.d.ts(5,22)：ERROR TS2420中的错误:类'FirebaseApp‘不正确地实现接口'App’。属性“firestore”在“FirebaseApp”类型中缺失。node_modules/angularfire2/app/firebase.app.module.d.ts(12,28)：错误TS2694:名称空间'firebase‘没有导出的成员’承诺‘。node_modul
浏览 0提问于2018-02-03得票数 6
回答已采纳
附件： import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from 'angularfire2/firestore';
import { RoomComponent } from './component/room/room.component';
import { AngularFireAuth } from '@angular/fire/auth';
import { FirebaseService } f
浏览 49提问于2018-09-27得票数 4
回答已采纳
当尝试将angularfire2添加到我的最新版本应用程序并启动它时，我会得到以下错误。有人能提出解决办法吗。
错误是:
node_modules/angularfire2/firebase.app.module.d.ts(2,10): error TS2305: Module '"D:/xampp/htdocs/tpradmin/node_modules/firebase/app/index"' has no exported member 'app'.
node_modules/angularfire2/firebase.app.module
浏览 0提问于2018-05-28得票数 1
回答已采纳
1回答
角度2:从火场取回物体
、、、
下面是我的防火墙数据库屏幕截图：
下面是“app.component”中的代码：
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";
import { AngularFireAuth } from 'angularfire2/auth';
import { Observable } from 'rxjs/Observable';
import * as firebase from 'fireba
浏览 2提问于2017-11-13得票数 0
回答已采纳
2回答
角度和火基
、、
我正试图做一个关于角度和火力基础的项目。我已经使用cli命令"npm安装防火墙angularfire2 --保存“安装了防火墙。当我导入FirebaseListObservable时，我得到了一个错误。import { Injectable } from '@angular/core'; import { AngularFireDatabaseModule } from 'angularfire2/database'; import { FirebaseListObservable } from 'angularfire2/database
浏览 0提问于2018-06-01得票数 0
回答已采纳
2回答
我对“angularfire2”有一些问题："^5.0.0-rc.7“和"firebase"："^5.0.1”。
每次启动我的Ionic项目时，我都会遇到这样的错误：
typescript: node_modules/angularfire2/firebase.app.module.d.ts, line: 5
Class 'FirebaseApp' incorrectly implements interface 'App'. Property 'functions' is missing in type
浏览 0提问于2018-05-26得票数 0
在尝试构建包含angularfire2和firebase的项目时，我遇到了typescript错误。以下是软件包：
"angularfire2": "^2.0.0-beta.0",
"firebase": "^2.4.2",
下面是错误：
[10:58:34] Finished 'build.html_css' after 4.51 s
[10:58:34] Starting 'build.js.dev'...
c:/Dev/daybreak/node_modules/angularfire2/da
浏览 0提问于2016-05-31得票数 1
AngularFire2处理权限的方式似乎与纯firebase不同。
复制这一问题的步骤：
登录到用户帐户
为用户调用检索防火墙文档：
return this.afStore.doc('users/' + authId).valueChanges()
.pipe(map(u => {
if (u) {
return new User(u);
}
return null;
})
);
注销该用户帐户，然后登录到另一个用户帐户。
进行相同的调用，为新用户检索防火墙文档。
这次是返回一个Missing or
浏览 2提问于2019-06-23得票数 3
这是在数据库中保存并重用angularfire2 2的getDownloadURL()返回的url，而不是每次我需要显示Firebase存储中的图像时执行getDownloadURL()的好做法吗？
如果在组件中使用getDownloadURL()，每次访问组件时都会重新加载图像。我想避免这种情况。如果在上传图像后将url保存在数据库中，然后每次需要显示图像时都使用这个url，这就解决了问题。但是，也许这不是正确的方法，而且Firebase存储可能会在某个时候更新urls。
浏览 0提问于2018-05-21得票数 5
回答已采纳
1回答
目前正在开发我的第一个AngularFire2应用程序。我在firebase中有匹配我的结构的Typescript类。
我的firebase结构
-players
|-playerkey
|-name
我的班级是
export class Player {
constructor(public name: string) {}
}
如果我想在我的播放器对象中使用playerkey，我不能简单地将public key:string添加到构造函数中，因为这会阻止我将任何播放器对象推送到firebase。
对于我自己的类和对象，有没有合适的方法来使用AngularFire2？
我应该
浏览 1提问于2017-02-22得票数 4
1回答
假设我在firebase实时数据库中有一个数据结构，比如
{ "donors" :
"uid1" : { "name" : "x", "bloodGroup" : "A+", "location" : "some Place"},
"uid2" : { "name" : "y", "bloodGroup" : "A-", "location" :
浏览 1提问于2016-06-16得票数 3
我在与angularfire2一起运行服务器端渲染时遇到了问题。
nodeJS的收益率：TypeError: firebase.initializeApp is not a function
而浏览器构建则按预期工作。有没有什么技巧是用angularfire2实现服务器端渲染的？到目前为止，我正在初始化app：
import * as firebase from 'firebase/app';
firebase.initializeApp(firebaseConfig);
在由服务器和浏览器模块导入的app.module.ts中。
浏览 0提问于2018-07-02得票数 1
1回答
创建了一个具有角cli的新的角2项目
下面是默认组件app.component.ts，它有app.component.spec.ts
import { Component } from '@angular/core';
import { AngularFire } from 'angularfire2'; // import angularfire2
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: [
浏览 3提问于2017-03-16得票数 0
1回答
我是Ionic和Firebase的新手，我在运行这个应用程序时出现了这个错误：
TypeError: Object(…)不是函数。
这是密码的不同部分：
在ts的档案里：
items : AngularFireList<any[]>;
itemArray = [];
this.items = afs.list("persons");
this.items.snapshotChanges().subscribe(actions =>{
actions.forEach(action=>{
let y = action.payload.toJSON();
浏览 0提问于2018-07-25得票数 1
2回答
我正在尝试使用带AngularFire2的Angular 4更新Firebase中的用户。在保存到firebase数据库的user对象中，我希望将另一个对象插入到数组属性中。在我的服务中，我正在尝试做这个功能(我已经有了所有的键，等等)
generateUserCharacterList(){
this.genCharList = new CharacterList(x, y, z)
this.UserListOfCharacters.push(this.genCharList)
//Other code...
}
但这并不起作用
浏览 1提问于2018-08-30得票数 1
我跟踪关于如何连接角度与防火墙数据库。但在17:30分钟，我就会发现这个错误：
类型'AngularFireList<{}>'上不存在AngularFireList<属性“
我的AppComponent：
import { Component } from '@angular/core';
import {AngularFireDatabase, AngularFireDatabaseModule} from 'angularfire2/database';
import {AngularFireAuth, AngularFi
浏览 9提问于2017-10-13得票数 10
回答已采纳
我正在试图连接到数据库中的防火墙。这是app.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash
浏览 0提问于2018-05-14得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
