Module not found: Can't resolve 'firebase' in react js

user_14568670 0
Viewed 4352

In my reactjs project I have installed firebase using 'npm i firebase'. And inside of src folder I have created firebase.js file for firebase config.

import firebase from 'firebase'

const firebaseConfig = {
  apiKey: "******",
  authDomain: "****",
  projectId: "***",
  storageBucket: "*****",
  messagingSenderId: "****",
  appId: "****"
};

firebase.initializeApp(config);

export default firebase

Even after installing firebase in my project. It gives error:

./src/firebase.js
Module not found: Can't resolve 'firebase' in '/home/rupak/Projects/web/firebasereact/src'

Can anyone find the problem?

google-cloud-firestore firebase reactjs node.js javascript
3 Answers

You are not using the new Modular syntax. You can keep using existing code by changing the imports to compat version:

import firebase from 'firebase/compat/app'
import 'firebase/firestore'
// import 'firebase/[SERVICE_NAME]'

However, I'd recommend upgrading to the new Modular SDK, which offers some benefits with tree-shaking. Checkout this Firecast for detailed information:

Getting started with Firebase for Web

user_131306970

Refer Firebase docs if you are using newer version initializeApp is moved to firebase/app package

user_101069780

Hey I had the same situation stated above... But by applying this:

import firebase from 'firebase/compat/app'
import 'firebase/firestore'
// import 'firebase/[SERVICE_NAME]'
//export
export const auth = firebase.auth();
export const googleAuthProvider = new firebase.auth.GoogleAuthProvider();

I only removed the (/app), and it worked... THANK YOU

user_170105690
Related