javascript - FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializ

admin 管理员组

文章数量: 1086019

I'm trying to use firestore database in my expo project but I can't seem to initialize it correctly as it seems something has changed from last time I used it.

I initialized it in my apps root layout like so

import { getFirestore } from "firebase/firestore/lite";
import firebase from 'firebase/compat/app'
import { initializeApp } from 'firebase/app';


const firebaseConfig = {
apiKey: "my api key",
authDomain: "my domain",
projectId: "my project id",
storageBucket: "my bucket",
messagingSenderId: "my sender id",
appId: "my app id",
measurementId: "some id"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

but when I attempt to add data to the database with this code i get an error

firebase.firestore().collection('requests').doc('trucks').collection('order')
   .add({
    name: 'John doe',
    email: '[email protected],
   }).then(() => {
    console.log('added')
   // navigation.navigate(SearchView)
   }) 

FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app-compat/no-app)

I'm trying to use firestore database in my expo project but I can't seem to initialize it correctly as it seems something has changed from last time I used it.

I initialized it in my apps root layout like so

import { getFirestore } from "firebase/firestore/lite";
import firebase from 'firebase/compat/app'
import { initializeApp } from 'firebase/app';


const firebaseConfig = {
apiKey: "my api key",
authDomain: "my domain",
projectId: "my project id",
storageBucket: "my bucket",
messagingSenderId: "my sender id",
appId: "my app id",
measurementId: "some id"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

but when I attempt to add data to the database with this code i get an error

firebase.firestore().collection('requests').doc('trucks').collection('order')
   .add({
    name: 'John doe',
    email: '[email protected],
   }).then(() => {
    console.log('added')
   // navigation.navigate(SearchView)
   }) 

FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app-compat/no-app)

• javascript
• firebase
• react-native
• google-cloud-firestore
• expo

Share Improve this question Follow edited Mar 27 at 13:49 Frank van Puffelen 600k8585 gold badges890890 silver badges860860 bronze badges Recognized by Google Cloud Collective asked Mar 27 at 12:05 Eric UcheEric Uche 14788 bronze badges 4

• 1 Why aren't you using the db you created after initialiation? – Doug Stevenson Commented Mar 27 at 12:16
• I tried doing that but instead the error went away but nothing is added to my database. probably I'm not doing it right. can you please show me an example code? I didn't seem to find a solution in their documentation – Eric Uche Commented Mar 27 at 12:24
• 2 There is plenty of documentation for you to follow. Requests for sample code are off-topic for Stack Overflow. Instead, you should focus on creating a minimal complete reproducible example that anyone can copy and use to observe the same result and see what you might be doing wrong. I don't see that what you're showing is complete enough to see what the specific problem is. I suggest avoiding firebase/compat modules unless you absolutely know that you need them. – Doug Stevenson Commented Mar 27 at 12:27
• thanks I was able to solve it by following the documentation link you provided – Eric Uche Commented Mar 27 at 13:16

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 1

You imported firebase/compat/app but initialized Firebase using initializeApp from firebase/app. The compat version does not recognize this initialization.

Here is the most simple snippit that might help you.

import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore/lite";

const firebaseConfig = {
  apiKey: "my api key",
  authDomain: "my domain",
  projectId: "my project id",
  storageBucket: "my bucket",
  messagingSenderId: "my sender id",
  appId: "my app id",
  measurementId: "some id"
};

// Initialize Firebase
const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

export { app, db };

本文标签：

Error[2]: Invalid argument supplied for foreach(), File: /www/wwwroot/roclinux.cn/tmp/view_template_quzhiwa_htm_read.htm, Line: 58

File: /www/wwwroot/roclinux.cn/tmp/route_read.php, Line: 205, include(/www/wwwroot/roclinux.cn/tmp/view_template_quzhiwa_htm_read.htm)
File: /www/wwwroot/roclinux.cn/tmp/index.inc.php, Line: 129, include(/www/wwwroot/roclinux.cn/tmp/route_read.php)
File: /www/wwwroot/roclinux.cn/index.php, Line: 29, include(/www/wwwroot/roclinux.cn/tmp/index.inc.php)