Así que soy bastante nuevo en esto, pero estoy viendo un tutorial sobre cómo configurar firebase para una aplicación de reacción. Seguí el código exactamente y todavía no puedo hacer que funcione. cualquier puntero ayudaría enormemente. Gracias.
este es mi archivo firebase.js
import firebase from "firebase"; const firebaseApp = firebase.initializeApp({ apiKey: "AIzaSyA4iXlWakrCkRZhZnF24w0oDOhg8tuHZwM", authDomain: "ig-clone-53312.firebaseapp.com", projectId: "ig-clone-53312", storageBucket: "ig-clone-53312.appspot.com", messagingSenderId: "975520243361", appId: "1:975520243361:web:18160e292d3b21d8fe1ae0" }); const db = firebaseApp.firestore(); const auth = firebase.auth(); const storage = firebase.storage(); export { db, auth, storage };
este es el archivo app.js en el que estoy tratando de importarlo.
import { db, auth, storage} from './firebase'; import React, { useState, useEffect } from 'react'; import './App.css'; import Post from './Post' function App() { const [post, setPosts] = useState([]); useEffect(() => { db.collection('posts').onSnapshot(snapshot => { setPosts(snapshot.docs.map(doc => doc.data())); }) }, []) return ( <div className="app"> <div className="app__header" > <img className="app__headerImage" src="https://www.instagram.com/static/images/web/mobile_nav_type_logo.png/735145cfe0a4.png" alt="" /> </div> { post.map(post => ( <Post username={post.username} caption={post.caption} imageUrl={post.imageUrl}/> )) } <Post username={post.username} caption={post.caption} imageUrl={post.imageUrl} /> <Post username={post.username} caption={post.caption} imageUrl={post.imageUrl}/> <Post /> </div> ); } export default App;
yo tambien estoy recibiendo este error
Módulo no encontrado: Error: ruta del paquete. no se exporta del paquete C:\Users\Kyle\Desktop\instagram-clone\ig-clone\node_modules\firebase (consulte el campo de exportaciones en C:\Users\Kyle\Desktop\instagram-clone\ig-clone\node_modules\firebase \package.json) ¿Quiso decir './firebase'?
¿algún consejo?