./src/Firebase.js 模块未找到：无法解析“C:\\Users\\HP\\Desktop\\React\\clone\\disney-plus-clone\\src”中的“firebase”

Question

I am working on a react project and I need firebase for authentication I have installed firebase using "npm i firebase" & firebase-tools using "npm i firebase-tools" also the path is correct. There is no problem in defining the path. Everything from my side is correct then also it is showing the above error.

--- Please help -----

Answer 1

Why this is happening?

If you give a look at firebase package version(inside package.json) then it's version 9. Now firebase has added a new compatibility option so can use the /compat folder in your imports.

I have made some changes in Firebase.js file please replace your code with the given below and then start your dev server.

 import firebase from "firebase/compat/app" import "firebase/compat/auth" import "firebase/compat/firestore" import "firebase/compat/storage" const firebaseConfig = { apiKey: "AIzaSyA9BnlX96fMf7XiUVCFRsoQzG8DGERJkeY", authDomain: "disneyplus-clone-a33d5.firebaseapp.com", projectId: "disneyplus-clone-a33d5", storageBucket: "disneyplus-clone-a33d5.appspot.com", messagingSenderId: "37918794208", appId: "1:37918794208:web:dbe9842dfe1dda522a4b85", measurementId: "G-DRVLJKWRWG", }; firebase.initializeApp(firebaseConfig); const db = firebase.firestore(); const auth = firebase.auth(); const provider = new firebase.auth.GoogleAuthProvider(); const storage =firebase.storage(); export { auth,provider,storage}; export default db;

Answer 2

@Gulshan Aggarwal This was a great solve! Tks!