No puedo usar Firebase en la aplicación de reacción, instalé Firebase usando npm install firebase y creé el proyecto Firebase. Y agregué el código proporcionado por Firebase.
// Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration const firebaseConfig = { apiKey: "xxxxxx", authDomain: "xxxxx", projectId: "xxxx", storageBucket: "xxxx", messagingSenderId: "xxxx", appId: "xxxx" }; // Initialize Firebase const app = initializeApp(firebaseConfig); // export export const auth = firebase.auth(); export const googleAuthProvider = new firebase.auth.GoogleAuthProvider();luego lo usé en el componente de reacción como a continuación
import {auth} from '../../firebase';y dice que no se puede compilar asi
Está utilizando el nuevo SDK modular de Firebase , que no utiliza firebase. espacio de nombres (lo mismo para importar AuthProviders). Para inicializar la autenticación de Firebase, debe importar la función getAuth() desde firebase/auth como se muestra a continuación:
import { initializeApp } from "firebase/app" import { getAuth, GoogleAuthProvider } from "firebase/auth" const firebaseConfig = {...}; // Initialize Firebase const app = initializeApp(firebaseConfig); // export export const auth = getAuth(app); // initialize this way ^^^ export const googleAuthProvider = new GoogleAuthProvider();