未捕获的 FirebaseError：Firebase：没有创建 Firebase App '[DEFAULT]' - 调用 Firebase App.initializeApp() (app/no-app)。 - 在 React.js 中答案

【问题标题】：Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app). - In React.js未捕获的 FirebaseError：Firebase：没有创建 Firebase App '[DEFAULT]' - 调用 Firebase App.initializeApp() (app/no-app)。 - 在 React.js 中
【发布时间】：2022-01-07 11:25:58
【问题描述】：

当我使用颤振或 React Native 查找此错误时。我遇到的所有解决方案都没有帮助。

我也做过这样的????。如果我这样做，我会得到一个 - 超出最大调用堆栈大小错误

const app = firebase.initializeApp(firebaseConfig)

我们将不胜感激。

import {firebase} from './firebase'
import {getFirestore} from 'firebase/firestore'
import {getStorage} from 'firebase/storage'


const firebaseConfig ={
    apiKey: "",
    authDomain: "",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
};


const db = getFirestore()
const storage = getStorage()
const app = !getApps().length ? initializeApp(firebaseConfig) : getApp()




export {db,storage,firebase,app}

【问题讨论】：

你能分享这个文件吗？ import {firebase} from './firebase'

标签： javascript reactjs firebase

【解决方案1】：

我不完全确定在顶部导入了 firebase 的内容，但您必须在任何其他服务之前初始化 Firebase，但目前情况相反。尝试重构语句的顺序，如下所示：

// import { firebase } from './firebase'
import { getFirestore } from 'firebase/firestore'
import { getStorage } from 'firebase/storage'


const firebaseConfig = {...};

// Initialize Firebase first
const app = initializeApp(firebaseConfig)

const db = getFirestore()
const storage = getStorage()

export {db, storage, firebase, app}

另外，如果 ./firebase 文件只有这条语句 firebase.initializeApp(firebaseConfig) 是较旧的语法，那么您可以尝试删除该文件吗？

【讨论】：