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:
npm install -g firebase-tools , npm install firebase-admin --save y npm install --save firebasefirebase.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?
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