Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

379
Vistas
Firebase no se importa en mi proyecto React JS/

Estoy tratando de usar firebase dentro de mi proyecto, pero las clases relacionadas con firebase no se importan.

Esto es lo que hice hasta ahora:

  1. Creé un nuevo proyecto en firebase console.
  2. ejecutó los comandos, npm install -g firebase-tools , npm install firebase-admin --save y npm install --save firebase
  3. Creé un nuevo archivo llamado firebase.js en mi proyecto y agregué el siguiente código:
     import firebase from "firebase" // For Firebase JS SDK v7.20.0 and later, measurementId is optional const firebaseConfig = { apiKey: "AIzaSyAdjdq8JsRSWKeHQYCHNzXm8nn29cOh-4s", authDomain: "ig-reels-a9b15.firebaseapp.com", projectId: "ig-reels-a9b15", storageBucket: "ig-reels-a9b15.appspot.com", messagingSenderId: "1018616208158", appId: "1:1018616208158:web:bb1026f5301bd9294e070f", measurementId: "G-W3051LNHFL" }; const firebaseApp = firebase.initializaApp(firebaseConfig) const db = firebaseApp.firestore() export default db

Estoy usando la variable db para extraer datos de la base de datos de Cloud Firestore de esta manera:

 import React, {useState, useEffect} from "react" import './App.css'; import VideoCard from './VideoCard'; import db from "./firebase"; function App() { const [reels, setReels] = useState([]) useEffect(() => { db.collection("reels").onSnapshot(snapshot => { console.log(snapshot.docs.toString()) setReels(snapshot.docs.map(doc => doc.data())) }) }, [])

Cada vez que ejecuto este código me sale el siguiente error:

 Compiled with problems: ERROR in ./src/firebase.js 3:0-32 Module not found: Error: Package path . is not exported from package C:\Users\Aditya\Documents\reactjs-practise\reels_clone\node_modules\firebase (see exports field in C:\Users\Aditya\Documents\reactjs-practise\reels_clone\node_modules\firebase\package.json) Did you mean './firebase'? Requests that should resolve in the current directory need to start with './'. Requests that start with a name are treated as module requests and resolve within module directories (node_modules, C:\Users\Aditya\Documents\reactjs-practise\reels_clone\node_modules). If changing the source code is not an option there is also a resolve options called 'preferRelative' which tries to resolve these kind of requests in the current directory too.

He instalado con éxito todas las herramientas relacionadas con firebase. ¿Por qué recibo este error?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Primero, instale firebase y luego desee crear su propio archivo firebase.js. te doy el ejemplo de

base de fuego.js

 import firebase from 'firebase/app'; import 'firebase/firestore'; const firebaseConfig = { apiKey: "apiKey", authDomain: "authDomain", projectId: "projectId", storageBucket: "storageBucket", messagingSenderId: "messagingSenderId", appId: "appid" }; firebase.initializeApp(firebaseConfig); export default firebase;

Aplicación.js

 const db = firebase.firestore(); //write you own code
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda