0
234
ViewsCómo importar correctamente el módulo firebase en React JS para initializeApp
Estoy tratando de inicializar una aplicación de Firebase pero no entiendo cómo o dónde llamarla.
Tengo un nombre de archivo fire.tsx y dentro hay una llamada a initializeApp de firebase. Pero ahora que? ¿Cómo incluyo esto en mi aplicación?
Pensé simplemente agregando import { firebaseApp, firebaseAnalytics } from './fire'; en la parte superior de App.tsx funcionaría pero aparentemente no es así. ¿Estoy haciendo esto mal?
import firebase from "firebase"; import "firebase/auth"; import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; const firebaseConfig = { apiKey: "xxx-xx-xx", authDomain: "xxx-xx-xx", databaseURL: "xxx-xx-xx", projectId: "xxx-xx-xx", storageBucket: "xxx-xx-xx", messagingSenderId: "xxx-xx-xx", appId: "xxx-xx-xx", measurementId: "xxx-xx-xx" }; const firebaseApp = initializeApp(firebaseConfig); export default firebaseApp; export const firebaseAuth = firebase.auth(); export const firebaseAnalytics = getAnalytics();Aplicación.tsx
import { firebaseApp, firebaseAnalytics } from './fire'; 
·
Juan Pablo Isaza
1 answers
Answer question0
Use el nuevo Modular SDK solo porque la versión compatible se eliminará en futuras actualizaciones. Intenta refactorizar el código de esta manera:
import { initializeApp } from "firebase/app"; import { getAuth } from "firebase/auth"; import { getAnalytics } from "firebase/analytics"; const firebaseConfig = { apiKey: "xxx-xx-xx", authDomain: "xxx-xx-xx", databaseURL: "xxx-xx-xx", projectId: "xxx-xx-xx", storageBucket: "xxx-xx-xx", messagingSenderId: "xxx-xx-xx", appId: "xxx-xx-xx", measurementId: "xxx-xx-xx" }; const firebaseApp = initializeApp(firebaseConfig); export const firebaseAuth = getAuth(firebaseApp); export const firebaseAnalytics = getAnalytics(firebaseApp);El nuevo Modular SDK comprueba si ya se ha creado una instancia predeterminada para que no tenga que gustarle las versiones anteriores.
·
Juan Pablo Isaza
Report
Answer question