Angular firebase托管AT(...)firestore不是一个函数
Angular Firebase托管是指使用Firebase托管服务来部署和托管Angular应用程序。Firebase是Google提供的一套云端开发平台，它提供了一系列的工具和服务，包括托管、数据库、身份验证、存储、分析等，用于帮助开发者构建高质量的应用程序。
Firestore是Firebase提供的一种云端NoSQL文档数据库服务。它具有实时同步、可扩展性和安全性等特点，适用于构建实时应用程序和移动应用程序后端。Firestore提供了一个灵活的数据模型，可以存储和查询结构化数据。
在Angular中使用Firebase托管和Firestore可以带来许多优势。首先，Firebase托管提供了简单易用的部署和托管解决方案，可以快速将Angular应用程序部署到云端，并自动处理扩展和负载均衡等问题。其次，Firestore提供了实时同步功能，可以实时更新数据并在多个客户端之间同步。此外，Firestore还具有强大的查询功能，可以轻松地进行数据检索和过滤。
Angular Firebase托管和Firestore的应用场景非常广泛。它们适用于各种类型的应用程序，包括实时协作应用程序、社交媒体应用程序、电子商务应用程序等。通过使用Firebase托管和Firestore，开发者可以快速构建高性能、可扩展和安全的应用程序。
对于Angular Firebase托管和Firestore的具体使用方法和示例，可以参考腾讯云提供的云开发文档和相关产品介绍：
- 腾讯云云开发文档：https://cloud.tencent.com/document/product/876
- 腾讯云云开发产品介绍：https://cloud.tencent.com/product/tcb
请注意，以上答案仅供参考，具体的技术实现和最佳实践可能因个人需求和项目要求而有所不同。
相关·内容
与位于相同位置的firestore和functions+hosting相比，不同的firestore和functions+hosting是否会增加计费costs+latency？ 我有一个Firebase项目，其中我使用Firestore，函数和托管。默认GCP资源位置和Firestore位置为eur3 (欧洲-西部)。app的主要用途是针对欧洲 我注意到在设置这个位置后，文档声明:如果您使用HTTP函数为Firebase托管提供动态内容，则必须使用us-cental1。和: Firebase托管仅支持us-cental1中的云函数。 即使应用程序的主要用途/目标受众在欧洲，将所有位置都放在
浏览 20提问于2020-08-24得票数 2
回答已采纳
1回答
假设我使用Firebase Hosting托管和服务我的角度，并使用Angular'services调用API到我的Firebase Functions、Firestore和Firebase Authentication。
我想知道，在角的代码或处理过的数据是否有机会泄漏：
1)如果我在服务中硬编码我的API密钥，泄漏API密钥会不会构成安全漏洞？
2)从Fi还原到的数据和在Services中处理的数据是在服务器端还是客户端处理的？
谢谢。
浏览 0提问于2018-05-31得票数 0
回答已采纳
我尝试在firestore上设置ignoreUndefinedProperties标志，因为我经常保存一些嵌套很深的对象，这些对象有很多未定义的可选字段。在设置了该标志的情况下，每当我调用firestore时，都会收到来自Firebase的以下错误：
FirebaseError: Missing or insufficient permissions.
at new Nr (http://localhost:5000/__/firebase/8.0.1/firebase-firestore.js:1:45522)
at http://localhost:5000/__/fire
浏览 2提问于2020-11-27得票数 0
我试图使用新的AngularFire API (>v7)在集成测试中连接到firebase模拟器。
import {
TestBed
} from '@angular/core/testing';
import {
initializeApp,
provideFirebaseApp
} from '@angular/fire/app';
import {
doc,
enableIndexedDbPersistence,
Firestore,
getFirestore,
provideFirestore,
setDoc
浏览 5提问于2021-09-16得票数 5
我正在尝试让Firebase 9.11中发布的新getCountFromServer()特性与Angularfire和/或不使用，但是我遇到了一个奇怪的错误。案例:我想检索组织中成员集合的大小/长度(/ organization /${orgId}/members)，而不请求和读取所有成员文档。
版本
"firebase": "^9.12.1",
"@angular/fire": "^7.4.1",
代码(简化)：
import { Component, OnInit } from '@angular/core';
浏览 20提问于2022-10-19得票数 1
回答已采纳
在编译器完成后，我得到了这个错误，我尝试过卸载和重新安装firebase @角/fire，但是无法修复它。我对错误感到困惑，我找不到解决办法
"@angular/cli": "~10.2.0",
"firebase": "^8.0.0",
"@angular/fire": "^6.0.3",
ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614: Module '"../../
浏览 3提问于2020-10-27得票数 17
回答已采纳
2回答
角度消防队配置
、、、
我正在使用防火墙开发一个Agular。我已经做了我认为应该做的事，但我一直有这个错误。
ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:10 - error TS2614: Module '"../../firebase"' has no exported member 'analytics'. Did you mean to use 'import analytics from "../../firebase"' instead?
2
浏览 6提问于2020-10-27得票数 1
我安装了一个角形仪表板模板，我用ng服务进行了测试，以确认工作正常。然后我跑
npm install firebase @angular/fire --save
安装消防基地。以及在添加firebase项目凭据和编辑app.module.ts之后
import { HTTP_INTERCEPTORS, HttpClientModule } from '@angular/common/http';
import { NgModule } from '@angular/core';
import { BrowserModule } from
浏览 0提问于2020-10-28得票数 13
回答已采纳
我正在开发一个使用Firebase的角度应用程序。
其中一项职能是：
borrarAnimal(path:string, id:string, animal:Animal[]){
const collection = this.angularFirestore.collection(path);
return collection.doc(id).update({
'animals': firebase.firestore.FieldValue.arrayRemove(animal)})
}
它用于从字段中移除数组。我在编译时遇到一个错误，上
浏览 7提问于2022-10-28得票数 0
我正在工作的角度单页网络应用程序，使用Firestore作为数据库，并将部署到Firebase托管。似乎没有内置的方法来将错误记录到服务器或获得运行时分析，除非你正在开发Android或iOS移动应用程序。我希望能够查看web日志文件，找出错误或滥用情况，并查看其他典型的实时使用数据。
例如，如果数据库代码抛出一个错误，或者web API调用返回一个意外的值，而我捕捉到了这个错误。当我在Chrome中开发和测试时，我可以console.log这个问题，但是对于一个生产网站呢？在Firebase上托管时，在SPA内进行日志记录的最佳做法是什么？是手动将记录添加到数据库的唯一选择，还是有其他我不熟
浏览 0提问于2018-07-06得票数 4
昨天在Firebase峰会上很好地讨论了仿真器！我能够让函数仿真器与AngularFire 6一起工作。我无法让Fi还原仿真器或函数模拟器与AngularFire 7一起工作。
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { initializeApp,provideFirebas
浏览 15提问于2022-10-20得票数 0
回答已采纳
嗨，我正试图在firebase中得到一个文档，但是它给了我一个错误。
属性‘on’在“可观察”类型上不存在。
我跟踪了firebase 上的文档
我的service.ts代码是
import { Injectable } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
@Injectable({
providedIn: 'root'
})
export class ViewReportService {
co
浏览 1提问于2020-11-14得票数 0
回答已采纳
我希望将Firestore访问权限限制为使用AngularFire的经过身份验证的用户，但遇到以下错误：
core.js:6456 ERROR FirebaseError: Missing or insufficient permissions.
at new e (prebuilt-109c6673-0f51e182.js:188)
at prebuilt-109c6673-0f51e182.js:10416
at prebuilt-109c6673-0f51e182.js:10414
at e.onMessage (prebuilt-109c6673-0f5
浏览 12提问于2021-06-08得票数 0
我有一个angular 11应用程序，工作正常，即在非SSR模式下。以下是查询T类型文档集合的示例(get once，不观察更改)。
在非SSR中工作的版本，查询集合一次所需的代码：
this.firestore.collection<T>('collection', ref => ref.limit(5))
.get()
.pipe(
map((qs: firebase.firestore.QuerySnapshot) => qs.empty ? [] : qs.docs.map(d => d.data() as T)
浏览 3提问于2020-12-21得票数 1
2回答
我有一个Angular应用程序，使用Firebase托管和Firestore存储我的数据。我想创建一个函数，它读取特定集合的所有数据，并循环文档以执行特定操作(上传到Google Drive，这已经被编码)。 但是，我很难遍历Firestore集合中的文档。这是我从Firestore中的"test“集合中读取数据的代码： read() {
let result = [];
this.firestore
.collection("test")
.snapshotChanges()
.subscribe(item =&
浏览 22提问于2020-04-12得票数 0
回答已采纳
当我运行npm时，我会得到以下有关firebase的错误。
技术：角版本9，Firebase，Firestore，Geofirestore角CLI。
误差
ERROR in The target entry-point "@angular/fire/auth" has missing dependencies:
- firebase/auth
- firebase/app
注意的依赖关系：
"@angular/cli": "~9.1.1",
"@angular/core": "~9.1.1",
"@an
浏览 7提问于2020-04-09得票数 24
回答已采纳
2回答
我正在做一个Firebase项目，其中前端是用角写的。我正在使用@角/火库。
我定义了几个接口，在这些接口中我使用了firebase和firestore类型。
e.g
export interface SchoolAddress {
street: string;
city: string;
state: string;
region: string;
zip: string;
note: string;
position?: firestore.GeoPoint;
}
现在，我想分享这个界面的前端角和后端云函数写
浏览 2提问于2020-10-19得票数 3
回答已采纳
我正在使用这个包在我的packages中处理Firebase：
"@angular/fire": "^6.1.4",
"firebase": "^8.2.7",
我创建了一个服务来处理批处理操作：
import { WriteBatch } from 'firebase/firestore'; // Does not work
import { WriteBatch } from 'firebase'; // Does not work
export class FireStoreBatch {
浏览 10提问于2022-02-15得票数 0
回答已采纳
我正在尝试设置我的开发环境。我在Windows10机器上使用了角5 TypeScript，VisualStudio IDE。我正在使用Firebase托管、Firestore和Firebase函数。我正在TypeScript (index.ts)文件中的“functions”文件夹中编写函数。当遵循本地测试Firebase函数()的说明时。如链接中所述，我能够通过"firebase服务“和functions在本地服务器上运行这些函数。但是，当我对index.ts进行更改时，函数在再次单击时不会被更新。只有当我执行完整的“基本部署函数”命令时，它才会更新。这违背了拥有本地函数仿真器的目的
浏览 3提问于2018-05-06得票数 1
回答已采纳
1回答
我正在开发一个带有firebase的角度应用程序。
这是我正在犯的错误：
Firestore中存储的日期对象的行为将发生变化，您的应用程序可能会中断。要隐藏此警告并确保您的应用程序不中断，您需要在调用任何其他云修复方法之前向应用程序添加以下代码：
const firestore = firebase.firestore();
const settings = {/* your settings... */ timestampsInSnapshots: true};
firestore.settings(settings);
通过此更改，存储在Cloud中的时间戳将作为Firebase时间
浏览 2提问于2018-04-25得票数 1
回答已采纳
5回答
我正在尝试在我的应用程序中使用新引入的修复模拟器。
根据，我在127.0.0.1:8080上运行开发服务器时：
firebase serve --only firestore
然后，在ng serve之后，如何使我的AngularFire模块使用数据库仿真器？
我在我的environment.ts中尝试了以下几点：
export const environment = {
production: false,
name: 'local',
firebase: {
databaseURL: "http://127.0.0.1:8080"
}
浏览 1提问于2019-03-19得票数 30
ERROR in node_modules/@angular/fire/firestore/firestore.module.d.ts:7:74 - error TS2314: Generic type 'ModuleWithProviders<T>' requires 1 type argument(s).
7 static enablePersistence(persistenceSettings?: PersistenceSettings): ModuleWithProviders;
我得到了上面的错误，增加我的角度10项目的火力基础
浏览 2提问于2020-08-17得票数 2
我正在为angular.io添加angularefire，“查看教程”(购物车)。尝试使用firebase防火墙替换products.ts和shipping.json，并编写一个forders文件，替换“您的订单已提交”。它能正常工作但是..。
在cart.service.ts中
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
//angularfire
import { AngularFirestore} from &#
浏览 1提问于2020-10-04得票数 0
我在跟踪。我得到了读取工作，它显示的数据从我的Firestore数据库在角度视图。我很困惑如何让Create (set)工作。
我的app.component.html显示了一个带有Submit按钮的小文本表单字段，并显示了Firestore数据库中的值：
<form (ngSubmit)="onSubmit()">
<input type="text" [(ngModel)]="name" name="name">
<button type="submit" value=&#
浏览 46提问于2022-02-25得票数 -1
回答已采纳
我有一些构造顺序问题，导致我的Firebase应用程序不能像预期的那样工作。
我有一个FirebaseService来初始化firebase/app
import { Injectable } from '@angular/core';
import * as Firebase from 'firebase/app';
import 'firebase/auth'
import 'firebase/firestore'
import { environment } from '../../environments/envi
浏览 1提问于2018-11-06得票数 0
我正在使用firebase在angular上建立一个新项目。经过一段时间后，我意识到我需要将firestore也包含在我的项目中。现在的问题是，我如何在angular的一个应用程序中配置它，以便我可以一起使用firebase实时数据库和firestore。 这是我在angular中的firebase实时数据库配置- export const environment = {
production: false,
firebaseConfig: {
apiKey: "apikey",
authDomain: "friendlyeats-3f66a.
浏览 5提问于2019-06-24得票数 0
当我尝试上传到云firestore时，我一直收到"FirebaseError:缺少或权限不足“的提示
这些是我的规则
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read: if request.auth.uid == request.auth.uid
allow write: if request.auth.uid == request.auth.
浏览 3提问于2021-05-29得票数 3
1回答
在火场找不到阴阳人
、、、
我试图在firebase模拟器中运行一个计划函数，但在运行firebase init时却找不到pubsub选项。见下面的图
我得到的选项是实时数据库，Firestore，函数，托管，存储，模拟器和远程Config，没有发布。
浏览 4提问于2022-01-27得票数 0
我们正在将Firestore对象转换为新的
我们通过进口消防站在前端做得很成功。
import { firestore } from 'firebase';
然后用firestore.Timestamp替换所有日期对象类型。
startDate: firestore.Timestamp;
问题是，我似乎找不到访问节点中时间戳的方法。
我尝试过同时记录admin和functions对象，但似乎根本找不到时间戳。
import * as functions from 'firebase-functions';
import * as admin from
浏览 0提问于2018-04-20得票数 23
回答已采纳
2回答
我试图在物理设备和仿真设备上通过我的Expo应用程序访问firestore模拟器(托管在本地)，但两者都不起作用。当我调用模拟的firestore数据库时，比如设置一个文档，它不会显示在UI上。然而，如果我为真正的firestore运行完全相同的代码，它就能正常工作。 我的firebase.json配置是： {
"firestore": {
"rules": "firestore.rules",
"indexes": "firestore.indexes.json"
},
"
浏览 29提问于2020-12-31得票数 2
回答已采纳
在提到this post时，我遇到了一个问题，它显示为snapshotChanges is not a function TypeError: db.collection(...).snapshotChanges is not a function
at new <anonymous> (index.js:139)
at Object.instantiate (angular.js:5156)
at angular.js:11719
at Object.link (angular-route.js:1251)
at angular.js:1
浏览 17提问于2019-08-30得票数 1
回答已采纳
我已经从Angular 10 -> 11升级了我的项目。
在我这样做之后，我得到如下的错误：
我已经像这样导入了firebase：
import firebase from '@firebase/app';
import '@firebase/database';
import '@firebase/firestore';
import '@firebase/auth';
import '@firebase/analytics';
import '@firebase/functions
浏览 0提问于2021-01-12得票数 0
1回答
我正在使用react和firebase创建api。
但是没有托管。Chrome浏览器需要缓存清空和强刷新才能获得404页面。
url为
总之，我想使用react和firebase来托管。
以下是项目设置。
谢谢你的建议。
firebase.json
{
"firestore": {
"rules": "firestore.rules",
"indexes": "firestore.indexes.json"
},
"functions": {
"prede
浏览 0提问于2018-03-20得票数 0
我一直在尝试将时间戳字段添加到我的firestore文档中。 我还分享了相关代码的PDF。 项目环境为Ionic 6.12.0。 正在尝试访问Firestore.FieldValue.serverTimestamp() import { Injectable } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import {firebase} from '@firebase/app';
@Injectable({
pro
浏览 20提问于2020-11-04得票数 0
回答已采纳
我尝试在我的Ionic项目中加入firebase，当我运行这个项目时，它会抛出这些错误，我看到我已经安装了它们，会发生什么问题，这是我第一次使用firebase。
我希望你能帮我找出错误，谢谢大家我希望你能帮我找到错误，谢谢大家
[ng] ERROR in ./node_modules/@angular/fire/fesm2015/angular-fire-firestore.js
[ng] Module not found: Error: Can't resolve '@firebase/app' in 'D:\Proyectos\Ionic\Delivery
浏览 2提问于2020-05-05得票数 0
回答已采纳
我想在我的网页上显示一个图片，我保存在存储在火基地。
背景:我在存储中创建了一个名为“照片”的文件夹，并将一个名为"dog.jpg“的文件放在那里。我从网站上得到帮助：
然后我用角码(用app.component.ts)写了：
import { Component } from '@angular/core';
//for firestore we added these 2 imports
import { AngularFirestore } from '@angular/fire/firestore';
import { Observable }
浏览 5提问于2020-05-27得票数 0
回答已采纳
我正在创建基于用户的内容和按钮显示使用离子5和防火墙应用程序。我正在通过发布并在我的应用程序中实现它。
I和使用："firebase": "^8.1.1", "@angular/fire": "^6.1.3",
现在我发现了auth()和firestore()中的错误
auth错误是：‘type on import (TS-2339)中不存在属性'auth’，而类型‘type on import (ts-2339)上不存在属性'firestore’。
import { Component, OnIn
浏览 5提问于2020-12-01得票数 6
我有一个离子5/Angular 12/Capacitor3移动应用程序，我正在升级到Firebase 9和Angular/Fire 7。使用Angular/Fire升级命令：ng update @angular/fire，它使用Firebase compat层，该应用程序在运行ionic serve的浏览器中运行良好。接下来，我创建了一个产品构建，在我的手机ionic cap sync --prod上测试，并在我的安卓和iPhones上构建。这款应用在安卓系统上运行良好，但在我的iPhones、X和6S上都无法运行。稍微调试一下，就会发现Firestore没有响应，包括没有错误消息。我们甚至
浏览 22提问于2021-10-10得票数 3
1回答
设置
我正在开发一个托管在firebase上的测试Firestore实例，并且我想以这个数据库为目标运行firebase emulators:start。目前，它的目标是一个可通过localhost:4000访问的模拟器套件。在代码库中，我使用实际实例的参数初始化了firebase实例，如下所示：
const fireAdmin = admin.initializeApp({
credential : admin.credential.applicationDefault()
, databaseURL : DatabaseConfig['databaseU
浏览 3提问于2021-07-08得票数 0
回答已采纳
我不熟悉app/web dev和firebase。我只是想了解firestore，并想将其用于我的应用程序和网站。我知道firebase托管，但我是否能够在其他地方托管它(例如：Hostgator或其他站点)，并且仍然连接到firestore？或者只有在我的网站使用firebase托管的情况下才能工作？任何反馈都会很有帮助。 我刚开始了解firebase，所以我为这个非常基本的问题道歉。
浏览 6提问于2020-08-09得票数 0
回答已采纳
1回答
我尝试使用Firebase创建基于角色的用户访问控制，以便在用户通过身份验证的情况下允许访问路由。我正在尝试这个教程：https://angularfirebase.com/lessons/role-based-permissions-and-authorization-with-firebase-auth/但我使用angular 7，我得到一个语法错误“Observable.of(null)”和".subscribe(user => { this.user.next(user)“ my My AuthService： import { Injectable } from &#
浏览 38提问于2019-01-10得票数 2
是否有可能使用AMP页面创建可以通过Firebase主机托管的网站？
如果是的话，是否可以创建动态AMP页面来向Firebase Firestore添加和获取数据？
如果是，请解释这怎么可能..？
AskFirebase
谢谢!
浏览 0提问于2018-02-20得票数 0
我已经使用Firebase函数生产了一个Express API，但是我需要向它添加自定义域。我按照创建了一个使用Firebase托管的云函数的自定义域，最后得到了以下firebase.json
{
"functions": {
"predeploy": [
"npm --prefix \"$RESOURCE_DIR\" run lint",
"npm --prefix \"$RESOURCE_DIR\" run build"
],
"sou
浏览 3提问于2020-08-12得票数 2
我试着用Firestore代替Firebase的离子3，这是我的第二次尝试。几个月前，它运行得很好，但出于某种原因，我继续使用firebase进行我的项目。现在我想再次切换到Firestore。我遵循了谷歌和许多其他公司提供的所有教程。我在组件中得到一个运行时错误。运行时错误消息是：
“试图使用比现有版本更低的版本打开数据库”
它附加在构造函数中，我不明白发生了什么，也没有发现任何关于这个问题的东西。
import { AngularFirestore, AngularFirestoreCollection } from 'angularfire2/firestore'
浏览 0提问于2018-01-12得票数 1
我有一个角度应用程序，其中我使用AngularFire ("@angular/fire": "7.4.1)和Firebase ("firebase": "9.8.4")查询具有特定约束的Firestore中的集合：
import { collection, Firestore, onSnapshot, query } from '@angular/fire/firestore';
import { QueryConstraint, Unsubscribe, where } from 'firebase/firest
浏览 17提问于2022-08-31得票数 0
就在这个问题之前，我通过添加以下命令修复了app.firestore of undefined：
"externalDependencies": [
"@firebase/app",
"@firebase/firestore"
],
angular.json server->options内部。
但就在解决了这个问题之后，我想到了
RROR TypeError: Cannot read property 'isSupported&#
浏览 1提问于2021-09-19得票数 0
1回答
到目前为止，我一直在使用Firebase托管和函数模拟器。但是现在我正在编写一个函数，该函数将基于Firestore触发器运行，因此我正在研究用于开发的Firestore仿真器。
但它是如何运作的呢？它完全模仿Firestore吗？我是否能够读取保存在服务器上的当前Firestore数据？如果我更新、创建或删除更改文档，我是否也会在实际数据中更改它们呢？
我会用：
firebase emulators:start --only hosting,functions,firestore
浏览 3提问于2019-11-19得票数 3
回答已采纳
我有firebase托管，我想主机3不同的SPA，使用相同的firestore和firebase托管。并从不同的路径访问它们
mysite.com
1. Static Landing - with several predefined pages
paths: /, /contacts, /help, /partners
2. Main SPA with firestore access
paths: /posts, /map, /users
3. And CMS to control firestore data.
paths: /admin
我的SPA使用了react，webpac
浏览 9提问于2020-02-28得票数 1
我喜欢Firebase版本9模块，但我不喜欢doc。应该是document。这将与collection相匹配，后者不是col。
此代码不运行：
import { doc, collection, deleteDoc } from '@angular/fire/firestore';
this.querySnapshot.forEach((doc) => {
deleteDoc(doc(this.firestore, 'users', doc.id));
});
我得把它换成
import { doc, collection, deleteDoc }
浏览 6提问于2022-09-13得票数 1
回答已采纳
我的导入出现了这个错误
import { AngularFireAuth } from "@angular/fire/auth"; Error-. Module '"@angular/fire/auth"' has no exported member 'AngularFireAuth'.ts(2305)
如果从@angular/fire/compat/auth导入它，那么终端中会出现以下错误：
Time: 213ms
ERROR in node_modules/@firebase/firestore/dist/index.d.
浏览 7提问于2021-11-13得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
