Estoy haciendo un clon de Linkedin e intento usar la instantánea pero dice error
import firebase from 'firebase'; const firebaseConfig = { apiKey: "mykey", authDomain: "domain", projectId: "linkedin-cl-37e0e", storageBucket: "somedata", messagingSenderId: "id", appId: "id", measurementId: "id" }; const firebaseApp = firebase.initializeApp(firebaseConfig); const db = firebaseApp.firestore(); const auth = firebase.auth(); export{db, auth}; export default firebase;pero por alguna razón no funciona dice lo siguiente:
Módulo no encontrado: Error: ruta del paquete. no se exporta del paquete D:\linkedin\my-app\node_modules\firebase (consulte el campo de exportaciones en D:\linkedin\my-app\node_modules\firebase\package.json) ¿Quiso decir './firebase'? Las solicitudes que deben resolverse en el directorio actual deben comenzar con './'. Las solicitudes que comienzan con un nombre se tratan como solicitudes de módulo y se resuelven dentro de los directorios del módulo (node_modules, D:\linkedin\my-app\node_modules). Si cambiar el código fuente no es una opción, también hay una opción de resolución llamada 'preferRelative' que también intenta resolver este tipo de solicitudes en el directorio actual.
aunque también he hecho npm de firebase y herramientas. y para feed.js dice instantánea no definida
import React, { useState, useEffect } from 'react' import './Feed.css' import EditIcon from '@mui/icons-material/Edit'; import InputOption from './InputOption'; import ImageIcon from '@mui/icons-material/Image' import SubscriptionsIcon from '@mui/icons-material/Subscriptions'; import EventNoteIcon from '@mui/icons-material/EventNote'; import CalendarViewDayIcon from '@mui/icons-material/CalendarViewDay'; import Post from './Post'; import { db } from './firebase'; import firebase from "./firebase"; function Feed() { const[input, setInput] = useState(''); const[posts, setPosts] = useState([]); useEffect(() => { db.collection('posts').onSnapshot((onsnapshot) => setPosts( onsnapshot.docs.map((doc) => ({ id: doc.id, data: doc.data(), })) ) ); }, []); const sendPost = (e) => { e.preventDefault(); db.collection('posts').add({ name:'laeeq', description:'this is a test', message: input, photoUrl:'', timestamp: firebase.firestore.FieldValue.serverTimestamp(), }); };este es el problema por favor ayuda ya han pasado 12 horas más