Tengo un problema que se presenta al usar firebase junto a react, me dice que no encuentra el modulo, pero yo lo tengo bien instalado, el archivo donde tengo instalado las credenciales de firebase es:
import { initializeApp } from "firebase/app";
import { getAnalytics } from "firebase/analytics";
import { firebase } from 'firebase/app';
import 'firebase/auth'
const firebaseConfig = {
apiKey: "x",
authDomain: "x-x.x.com",
projectId: "x-x",
storageBucket: "x-x.x.com",
messagingSenderId: "x",
appId: "1:x:web:x",
measurementId: "G-x"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
const auth = app.auth();
export { auth }
Luego llamo al archivo desde login.jsx
import React from 'react'
import '../css/login.css'
import {auth} from '../firebaseconfig' // <--- aca
const Login = () => {
return (
<div>
<form action="">
<input type="text" placeholder="Email"/>
<input type="password" name="" id="" placeholder="********"/>
<input type="submit" value="Enviar" />
</form>
</div>
)
}
export default Login
No entiendo que es lo que tengo mal instalado, ya he hecho varias cosas e investige por todos lados pero no encuentro la solucion, este es el tercer trabajo con firebase que me pasa y tengo que borrar para comenzar otro pero no encuentro donde esta el problema.
este es el error:
Ya borre varias veces "yarn.lock" y tambien he reinstalado firebase en distintas versiones, agradezco toda su ayuda de ante mano.
import { firebase } from 'firebase/app'
haz estoimport firebase from 'firebase/app'
o si quieres ponerle otro nombreimport { default as otronombre } from 'firebase/app'
import { getAuth } from "firebase/auth";
Luego define la constante asíconst auth = getAuth(app);