En mi proyecto de reactjs, instalé firebase usando 'npm i firebase'. Y dentro de la carpeta src he creado el archivo firebase.js para la configuración de firebase.
import firebase from 'firebase' const firebaseConfig = { apiKey: "******", authDomain: "****", projectId: "***", storageBucket: "*****", messagingSenderId: "****", appId: "****" }; firebase.initializeApp(config); export default firebaseIncluso después de instalar firebase en mi proyecto. Da error:
./src/firebase.js Module not found: Can't resolve 'firebase' in '/home/rupak/Projects/web/firebasereact/src'¿Alguien puede encontrar el problema?
No está utilizando la nueva sintaxis Modular. Puede seguir usando el código existente cambiando las importaciones a la versión compat :
import firebase from 'firebase/compat/app' import 'firebase/firestore' // import 'firebase/[SERVICE_NAME]'Sin embargo, recomendaría actualizar al nuevo Modular SDK , que ofrece algunos beneficios con el movimiento de árboles. Consulte este Firecast para obtener información detallada:
Oye, tuve la misma situación mencionada anteriormente ... Pero al aplicar esto:
import firebase from 'firebase/compat/app' import 'firebase/firestore' // import 'firebase/[SERVICE_NAME]' //export export const auth = firebase.auth(); export const googleAuthProvider = new firebase.auth.GoogleAuthProvider(); Solo eliminé la (/app) y funcionó... GRACIAS