Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

255
Visualizações
export 'default' (imported as 'db') was not found in './firebase' (possible exports: auth, db, storage)

So I am fairly new to this but I am watching a tutorial on setting up firebase for a react app. followed the code exactly and I still cannot get it to work. any pointer would help tremendously. thanks.

this is my firebase.js file

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 }; 


this is the app.js file that I'm trying to import it into.

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;

i am also receiving this error

Module not found: Error: Package path . is not exported from package C:\Users\Kyle\Desktop\instagram-clone\ig-clone\node_modules\firebase (see exports field in C:\Users\Kyle\Desktop\instagram-clone\ig-clone\node_modules\firebase\package.json) Did you mean './firebase'?

any advice?

about 4 years ago · Juan Pablo Isaza
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda