Básicamente copié y pegué el código exacto de la documentación de firebase sobre cómo configurar firestore. Cuando intento ejecutar mi aplicación, aparece un error de interrupción que dice que mi aplicación no se ha inicializado.
aquí está mi archivo de configuración firebase.js:
import { initializeApp } from "firebase/app"; import { fbConfig } from "./secrets.js" import { getFirestore } from "firebase/firestore"; const firebaseApp = initializeApp({ apiKey: fbConfig.apiKey, authDomain: fbConfig.authDomain, projectId: fbConfig.projectId, storageBucket: fbConfig.storageBucket, messagingSenderId: fbConfig.messagingSenderId, appId: fbConfig.appId }); console.log(firebaseApp) export default getFirestore()A modo de comparación, aquí hay un enlace a los documentos de Firebase . El registro de mi consola está devolviendo esto:
FirebaseAppImpl {_isDeleted: false, _options: {…}, _config: {…}, _name: '[DEFAULT]', _automaticDataCollectionEnabled: false, …} {...} [[Prototype]]: ObjectAquí está el código donde se llama a firebase, en un archivo diferente:
import { useState, useEffect } from "react"; import { useForm } from "react-hook-form"; import { doc, setDoc } from "firebase/firestore"; import db from "../firebase" //I'm expecting db to be my exported firestore call from firebase.js function Admin() { const onFormSubmit = async (data) => { await setDoc(doc(db, "interviewees", data.name), { name: data.name, location: data.location, age: data.age, }); }; return(<a big component>) }Cuando se renderiza el componente Admin, aparece este error:
errores.ts:91 FirebaseError no detectado: Firebase: no se ha creado ninguna aplicación de Firebase '[DEFAULT]'; llame a Firebase App.initializeApp() (app/no-app).
entonces, me parece que hay una aplicación que se está inicializando. Pero mi aplicación falla y el mensaje de error parece no estar de acuerdo con mi evaluación. ¡Agradecería cualquier ayuda!
Parece que solo tuve que eliminar mis módulos de nodo y el registro del paquete e instalar npm... 🙃
Intente devolver la función db no llamada como export default getFirestore()
const firebaseApp = initializeApp({...}); const db = getFirestore() // In this line function are assigning database to a variable. export { db }Ejemplo de uso db:
import { addDoc, collection } from 'firebase/firestore' import { db } from '...../firebase.js' // change path to your file function addDocument(path, data) { addDoc(collection(db, path), data) }