title: Module not found: Error: Can't resolve './Firebase'
body: <p>I am new to react and i have been trying to initialize firebase into my react app.</p>
  <pre><code>import firebase from 'firebase/compat/app';
  import 'firebase/compat/auth';
  import 'firebase/compat/firestore';
  
  
  
   var firebaseConfig = {
      apiKey: &quot;AIzaSyCvSb1gFiUYMJA4SbsKlJvhFwJ8IFjSwkg&quot;,
      authDomain: &quot;raya-feedback.firebaseapp.com&quot;,
      databaseURL: &quot;https://raya-feedback-default-rtdb.europe-west1.firebasedatabase.app&quot;,
      projectId: &quot;raya-feedback&quot;,
      storageBucket: &quot;raya-feedback.appspot.com&quot;,
      messagingSenderId: &quot;575830594611&quot;,
      appId: &quot;1:575830594611:web:930556a8f2ccf9bf733f46&quot;
  };
  
  firebase.initializeApp(firebaseConfig);
  export {firebase};
  ;
  </code></pre>
  <p>This is my Firebase.js file that I am trying to import into my Body.js file and I have been getting this error &quot;Module not found: Error: Can't resolve './Firebase.js'&quot;.</p>
  <p>This is my file structure:<a href="https://i.stack.imgur.com/eexP6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eexP6.png" alt="enter image description here" /></a></p>
  <p>This is how I am importing it in the Body.js file</p>
  <pre><code>import firebase from './Firebase';
  </code></pre>
  <p>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.</p>