Question 120259 in Firebase Question posted in
An extensive official documentation can be found here.

Module not found: Error: Can't resolve './Firebase'

I am new to react and i have been trying to initialize firebase into my react app.

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';



 var firebaseConfig = {
    apiKey: "AIzaSyCvSb1gFiUYMJA4SbsKlJvhFwJ8IFjSwkg",
    authDomain: "raya-feedback.firebaseapp.com",
    databaseURL: "https://raya-feedback-default-rtdb.europe-west1.firebasedatabase.app",
    projectId: "raya-feedback",
    storageBucket: "raya-feedback.appspot.com",
    messagingSenderId: "575830594611",
    appId: "1:575830594611:web:930556a8f2ccf9bf733f46"
};

firebase.initializeApp(firebaseConfig);
export {firebase};
;

This is my Firebase.js file that I am trying to import into my Body.js file and I have been getting this error "Module not found: Error: Can’t resolve ‘./Firebase.js’".

This is my file structure:enter image description here

This is how I am importing it in the Body.js file

import firebase from './Firebase';

I am kind of lost and I have been trying to initialize in a multitude of different ways I see on Youtube and I am still stuck on this error.

Tags:

2

Answers


  1. 0

    So you may be encountering this error because there is some other error in your Firebase.js file.

    I noticed in your code snippet above getauth needs to actually be getAuth

    ./ means the current directory,
    ../ means the parent directory (previous one)
    ../../ means the parent of the parent and so on.

    you need to use ../Firebase

    Login or Signup to reply.
  2. 0

    Seeing your folder structure Firebase.js is inside src and your trying to process Firebase.js from src/body, since Firebase.js doesn’t exist in body you are getting this error, you have to use

    import { firebase } from ‘../Firebase’;

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search