Uncaught Error: Cannot find module 'firebase'

Question

fire.js file

import firebase from 'firebase';
const firebaseConfig = {
apiKey: "AIzaSyCAXvS25TnYA3qliFTP5vNUl4hU0Ilwv2U",
authDomain: "react-firebase-auth-signup.firebaseapp.com",
projectId: "react-firebase-auth-signup",
storageBucket: "react-firebase-auth-signup.appspot.com",
messagingSenderId: "912198243014",
appId: "1:912198243014:web:bd683a011865825259fdc7"


}const fire= firebase.initialApp(firebaseConfig);
export default fire;

App.js file

import React,{Component} from 'react';
import './App.css';
import fire from './config/fire';
import Home from './Home';
import Logup from './Logup';
class App extends Component{
constructor(props){
super(props);
this.state={
  user:{}
}`}`
componentDidMount(){
this.authListener();
}authListener(){
  fire.auth().onAuthStateChanged((user)=>{
    if(user){
      this.setState({user})
    }
    else{
      this.setState({user:null})
    }
  })

}


render(){
return (
  <div className="App">
    <h1>Hello world</h1>
    {this.state.user?(<Home/>):(<Logup/>)}
    console.log(firebase.default.auth)
  </div>
);


}
}

export default App;

## Error ##

Compiled with problems:X

ERROR in ./src/config/fire.js 3:0-32

Module not found: Error: Package path . is not exported from package D:\myprojects\firebase projects\Signin-signup-form\signin-up\node_modules\firebase (see exports field in D:\myprojects\firebase projects\Signin-signup-form\signin-up\node_modules\firebase\package.json)

You have a typo on your fire.js. Try changing firebase.initialApp to firebase.initializeApp — Marc Anthony B
– Marc Anthony B, Commented Mar 16, 2022 at 7:24
I am try this changed firebase.initialApp to firebase.initializeApp. it showing same error — Komal k
– Komal k, Commented Mar 16, 2022 at 8:30

Marc Anthony B · Accepted Answer · 2022-03-16 09:03:29Z

5

Ensure to get the latest firebase module:

npm i firebase@latest

For v9, use this code as follows:

import { initializeApp } from "firebase/app";
import { getAuth, onAuthStateChanged } from "firebase/auth";

const firebaseConfig = { 
// your-config 
};

const fire = initializeApp(firebaseConfig);

export default fire;

To get the auth, use the code below:

const auth = getAuth(fire);
onAuthStateChanged(auth, user => {
  // Check for user status
});

For more information about using Firebase v9, you may check this documentation.

answered Mar 16, 2022 at 9:03

Marc Anthony B

4,1392 gold badges11 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Emmanuel Iyen · Accepted Answer · 2022-10-25 02:40:57Z

2

npm i firebase@latest

and import firebase from 'firebase/compat/app';

answered Oct 25, 2022 at 2:40

Emmanuel Iyen

4573 silver badges11 bronze badges

Collectives™ on Stack Overflow

Uncaught Error: Cannot find module 'firebase'

fire.js file

App.js file

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

fire.js file

App.js file

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related