3,131 questions
0
votes
0
answers
45
views
WebChannelConnection RPC 'Listen' stream 0x17d185b2 transport errored #3631
i am trying to deploy my app from android studio to my phone and see the below error stream indicating internet issue. but that is definitely not correct. as the same code with same connection is ...
- 1,326
2
votes
0
answers
451
views
RuntimeError: NG0203: The `EnvironmentInjector` token injection failed. Migrating Angular 18 -> 19
I updated Angular from 18 to 19 with ng update @angular/core@19 @angular/cli@19, and manually updated "@angular/core": "^18.0.5" to "@angular/fire": "19.0.0".
@...
- 21
0
votes
0
answers
56
views
Firestore: Unsupported field value: a custom Timestamp object after updating firebase version
I updated to firebase v11.3.1 from v8.2.5 and I am using the compat mode.
However my updates no longer work due to using FieldValue.serverTimestamp() for a date field.
Any suggestions on how to ...
- 5,113
2
votes
1
answer
52
views
Firestore with AngularFire Pagination with startAfter : Hn is not a function or its return value is not iterable
I am working on an Angular application using the following versions:
@angular/fire: 7.5.0
@angular/core: 15.2.0
firebase: 9.17.1
Node.js: v20.11.1
I am implementing pagination for a Firestore query ...
1
vote
1
answer
43
views
NullInjectError in HomeComponent
I'm getting this error when starting the HomeComponent. The configuration is specified inside the environment file and is correct. Could I be injecting something incorrectly? Do I need to inject ...
- 17
0
votes
0
answers
90
views
CORS Issue Causing RestConnection Failed Error in AngularFire App
I'm developing an Angular application using AngularFire to interact with Firebase Firestore. When attempting to perform a specific query on Firestore, I'm encountering CORS errors and connection ...
2
votes
1
answer
75
views
AngularFire: get the isNewUser flag;
I need to get hold of the 'additionalUserInfo.isNewUser'.
import { User, getAdditionalUserInfo, getAuth, user, UserCredential } from '@angular/fire/auth';
afAuth = getAuth();
user$: Observable&...
- 1,945
0
votes
0
answers
19
views
Template not reacting to AngularFire Signout
Trying to follow a slightly outdated linkedin learning path for working with firebase. I have implemented a register page which navigates the user to a profile page and is meant to drive the ...
- 67
1
vote
1
answer
109
views
Angularfire: how to Initialize the config dynamically?
app.config.ts file:
import { provideFirebaseApp, initializeApp } from '@angular/fire/app';
import { getAnalytics, provideAnalytics } from '@angular/fire/analytics';
export const appConfig: ...
- 1,472
0
votes
0
answers
70
views
Angularfire analatyics got initialized but I don't see my logged events in Firebase console
I'm new to Firebase Analytics... But I could successfully install (npm install firebase @angular/fire) AngularFire in my app.
app.config.ts file:
import { provideFirebaseApp, initializeApp } from '@...
- 1,472
2
votes
1
answer
77
views
Returning a signal in Angular Fire Functions
I'm trying to integrate Angular 18 with Firebase Cloud Functions to read a MongoDB database. I'm using signals because I understand this is the latest way to do this, but I get a type error.
This is ...
- 184
3
votes
1
answer
118
views
Firebase docData stream emits identical object values multiple times in a row
This is my code:
import { doc, docData } from '@angular/fire/firestore';
const gameDocRef = doc(this.firestore, 'game', game.id);
const game$ = docData(gameDocRef, { idField: 'id' })
Somehow the ...
- 149
0
votes
1
answer
144
views
Mocking AngularFireAuth for angular service unit testing
I created a service to handle all of my authentication calls to angularFireAuth, but the basic toBeTruthy assertion is hitting an injector error for angularFireAuth. I solved this for several other ...
0
votes
0
answers
36
views
How can I query a few levels deep in AngularFIre?
I am trying to get some data from a database where I want only objects that contains a certain key/value pair to be returned.
I am using RTDB with Angular Fire.
Lets say this is the data
{
"times&...
0
votes
0
answers
54
views
Angular firebase sign in anonymously not working
I have an Angular 17.3.6 with the package @angular/fire version 17.0.1 installed. When i try to sign in anonymously with Firebase, I get the following error:
SignIn Error: FirebaseError: Firebase: ...
- 535
1
vote
1
answer
196
views
AngularFire read a Firestore document only once
Using Angular 17 and AngularFire 17, what is the best method for simply getting document data, just once, from a Firestore record?
I can get it with the following but this seems overkill as I assume I ...
- 4,227
1
vote
2
answers
130
views
how can i use serverTimestamp in angular/Fire in the compat mode
I have tried
import firebase from 'firebase/compat/app';
import 'firebase/compat/firestore';
const firestore = firebase.firestore;
this.form = this.builder.group({
items:[data.items, null],
...
1
vote
0
answers
179
views
angular/fire installation script returns Invalid project id
I am trying to create an authentication page for firebase login. Following the documentation for the @angular/fire package, I created an angular project with ng new angular_fbauth. Then I ran ng add @...
- 11
0
votes
1
answer
50
views
FirebaseError: [code=permission-denied]: Missing or insufficient permissions. even if firestore rules read and write are permitted - Angular-Fire
i've got this problem when calling firestore function from angular fire.
When i'm succesfully authenticated, i'm fetching to firestore the current user document id for additional data associated with ...
- 141
1
vote
1
answer
61
views
Why is it so complex to convert AngularFire Observable to Array?
I am calling data from Firebase RTDB and that data is in an Observable. The issue I am having here is that, in my .TS file i would like to access the content of the Observable, that thought seems to ...
7
votes
5
answers
14k
views
Upgraded angular versions and now getting error: "The AppComponent component is not marked as standalone"
I recently updated angular because Angular Fire bugs were fixed in a much newer version. My previous version was before the "standalone" changes. As a result, I'm getting this error in the ...
1
vote
1
answer
358
views
I18n Get correct language code in baseHref with firebase hosting and Angular
In my angular project I have set up i18n for "sv"(swedish) and "en".
What I want is to when accessing mypage.com, "/sv" or "/en" to be added to baseHref
so that ...
- 1,155
0
votes
2
answers
3k
views
Angular, Firebase - Can not initialize app with standalone components (nor with standard modules..)
I've been struggling to get my angular project working with firebase today. I have an error:
main.ts:5 ERROR Error: Either AngularFireModule has not been provided in your AppModule (this can be done ...
0
votes
1
answer
108
views
Using firebaseui with Angular Universal - ReferenceError: window is not defined
I have an Angular 16 app, using Angular Fire, firebaseui and I have recently installed Angular Universal.
Whenever I run npm run dev:ssr to enable SSR I receive this error -
./node_modules/dialog-...
- 338
1
vote
2
answers
482
views
Firebase Auth Emulator keeps suggesting real Google accounts
TL;DR
Firebase Auth Emulator keeps suggesting real Google accounts.
One in a hundred attempts result in an emulator dummy account popup.
DETAILED
firebase providers setup:
importProvidersFrom(
...
- 1,945
1
vote
2
answers
1k
views
Angular 17 and AngularFire 17 Error when trying to use service
I have been stuck with this issue for a while now as I'm not familiar with Angular 17 new standalone default without app.module.ts
This is my app.config.ts
export const appConfig: ApplicationConfig = {...
- 1,490
2
votes
1
answer
2k
views
Firebase not working properly on Angular 17
When I try to go to my login page, it does not show anything and throws the error "NullInjectorError: No provider for InjectionToken angularfire2.app.options!" in the console.
This is my ...
- 21
1
vote
1
answer
58
views
how do I push an object to a firestore array?
I have a Firestore array called ActivityLogList[]. There will be other users editing their objects concurrently in this Array (each user will have their own object). What I am attempting is to add/...
- 524
0
votes
1
answer
357
views
How to call Firebase Functions from AngularFire
I created a Firebase Cloud function with functions.https.onRequest and I made it work like an API that responds with JSON data from the Firebase Realtime database.
However, I found out about functions....
- 2,588
0
votes
1
answer
197
views
Query data in realtime database with AngularFire in nested structures
I have the following path in the Firebase Realtime database:
/dataTables/userId/dayDate/tableID/rowWithData
The structure of rowWithData is like this:
{
"-NLBD8PD7i5DPfdgF": {
&...
- 2,588
1
vote
3
answers
3k
views
Angular 17 library and webapp in monorepo: ng build works but ng serve fails with a dependency resolution problem
Problem
I have an Angular 17 web app in a monorepo that builds fine with ng build but fails on running ng serve with many “Failed to resolve dependency: , present in �?optimizeDeps.include’" ...
- 21
0
votes
1
answer
120
views
Getting the MultiFactorAuth property on a User with Angular Firebase Library angularfire
Im using Firebase as a User Database for my WebApp. Since im using Angular (16) and there is an offical library/wrapper from angular: https://github.com/angular/angularfire/
The documentation of this ...
0
votes
1
answer
93
views
Angular Fire Storage does not use emulators
In my Ionic Angular Application i will be using firebase for storage and authentication.
I set up a very basic project and tried to get all the firebase emulators working.
After running all commands ...
- 385
2
votes
2
answers
2k
views
angular firebase configuration Already using account
Trying to configure firebase in my angular app.
Created a new firebase project in the console and want to create a new angular project using firestore in the new firebase project.
However, get error &...
- 151
4
votes
5
answers
14k
views
Installing Angular/Fire into Angular 17
I have an Angular 17 app and need to add Angular/Fire, the Angular Firebase version to it.
When i try to install it with npm install @angular/fire I am faced with a dependency error:
npm ERR! Could ...
- 338
0
votes
1
answer
524
views
How to connect to a second database using Angular Fire?
I have this code:
import { FirebaseApp } from "@angular/fire/compat";
import {
AngularFirestore
} from "@angular/fire/compat//firestore";
import {
initializeFirestore
} from &...
- 1,259
1
vote
0
answers
88
views
How to solve error in Angular Firebase Authentication
According to several guides I setup Angular Firebase Auth (added Google, Facebook, Anonymous)
import { GoogleAuthProvider, FacebookAuthProvider, GithubAuthProvider, OAuthProvider } from 'firebase/auth'...
- 41
3
votes
2
answers
696
views
How to access non-default Firestore database in AngularFire
I'm trying to access another firestore database in my gcloud project. I can access the default one (default) fine, but I have one called 'development' that I can't access, and can't find any ...
- 514
0
votes
1
answer
439
views
firebase firestore is working locally but not when deployed in angular. Error: Service firestore is not available
I have added @angular/fire to my project to use firestore and it worked fine locally and it was writing to the firestore. However, when I deployed it (to my firebase hosting). It stopped working.
Note ...
- 581
2
votes
1
answer
143
views
app.functions is not a function in Firebase Angular SDK functions, HttpsCallable
i'm struggling a bit setting up firebase functions within my angular project.
I'm trying to do the following:
const callable = this.fns.httpsCallable('getLandingPageText');
console.log(callable);
...
- 137
2
votes
1
answer
249
views
AngularFire v7.6: FirebaseError: Expected first argument to collection() to be a CollectionReference
after updating to angular 16 and angularfire 7.6 I now receive this error when i try to just load a simple collection.
Here the code of my service:
import { Injectable } from '@angular/core';
import {
...
- 687
0
votes
1
answer
369
views
Unit test gives an error about missing provide AngularFireModule in my AppModule
I created a project based on angular with the addition of firebase, when performing unit testing, karma shows an error from all components to which services containing Firestore functionality are ...
0
votes
1
answer
35
views
Unable to retrieve object from firebase
I have integrated an edit button in my list of products, but clicking on edit button opens the form page that is unpopulated. When I console.log(p) in my product.service.ts file, it displayed null. ...
- 9
1
vote
0
answers
155
views
Error while trying to setup AngularFire on an Angular project
I am trying to set up AngularFire for a new Angular project.
I followed the official documentation there but I am constantly getting the following error:
FirebaseError: Expected first argument to ...
- 91
1
vote
0
answers
168
views
Receiving FirebaseError: Firebase: Error (auth/argument-error) while calling credentialWithLink in Angular Fire
I am trying to link an email address through email link verification to a Firebase account created using a Phone Number. I followed the docs and created the below function, but I am receiving ...
- 657
1
vote
1
answer
758
views
Angular 16 with Firebase 9 - File Upload
I have an Angular 16 app with Firebase 9 and angular/fire 7.
I am trying to implement a simple file upload to Firebase storage but have been going around and around for the past 2 days facing ...
- 338
0
votes
1
answer
555
views
AngularFire not catching error message for signInWithEmailAndPassword
Tech stack:
Firebase (firebase: "9.6.3",).
AngularFire (@angular/fire": "^7.6.1").
Angular v16.
Npm: https://www.npmjs.com/package/@angular/fire
Having trouble catching the ...
- 16.7k
4
votes
1
answer
568
views
Stuck with modular implementation of Angular/fire messaging: How to make onMessage function work?
I hope you are well, I would like to ask for help from the community as I have been stuck with the modular implementation of @angular/fire messaging for a few days now.
First of all, there is no ...
5
votes
1
answer
1k
views
Angular 16 enableIndexedDbPersistence
I've managed to get @angular/fire working in an Angular standalone app, but I'm attempting to turn on the offline capabilities like I have in the past, and I'm now seeing that ...
- 2,842
0
votes
2
answers
852
views
Unable to install angular fire @angular/fire@latest
I just started freshly a new angular material project. And it fails with below errors
moblizeit@Vikrams-MBP scanbuddyadmin % ng add @angular/fire@latest
ℹ Using package manager: npm
⚠ Package has ...
- 1,326