Estoy usando la autenticación de firebase en mi aplicación de reacción para los usuarios que inician sesión, pero recibo un error: -TypeError: firebaseApp.auth no es una función. Mi base de fuego. el archivo es:-
import * as firebase from "firebase/app" import "firebase/auth" const firebaseApp=firebase.initializeApp({ apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN, projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID, storageBucket:process.env.REACT_APP_FIREBASE_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID, appId: process.env.REACT_APP_FIREBASE_APP_ID }) export const auth=firebaseApp.auth() export default firebaseApppor favor ayúdame con eso
Probablemente tenga instalada la versión 9 del SDK, pero utilice la sintaxis de la versión 8 del SDK.
Tienes 2 opciones. Agregue el nuevo SDK para usar la sintaxis anterior al importar su base de fuego de esta manera:
import * as firebase from "firebase/compat/app" import "firebase/compat/auth" const firebaseApp=firebase.initializeApp({ apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN, projectId: process.env.REACT_APP_FIREBASE_PROJECT_ID, storageBucket:process.env.REACT_APP_FIREBASE_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID, appId: process.env.REACT_APP_FIREBASE_APP_ID }) export const auth=firebaseApp.auth() export default firebaseAppo
usa la nueva sintaxis:
import { initializeApp } from 'firebase/app'; import { getAuth } from "firebase/auth"; const firebaseConfig = { //... }; const app = initializeApp(firebaseConfig); const auth = getAuth();