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

Question

我正在做一个 React 项目，我需要 firebase 进行身份验证我已经使用“npm i firebase”安装了 firebase 并使用“npm i firebase-tools”安装了 firebase，路径也是正确的。定义路径没有问题。我这边的一切都是正确的，然后它也显示了上述错误。

--- 请帮忙 -----

Answer 1

为什么会这样？

如果您查看 firebase 包版本（在 package.json 内），那么它是版本 9。现在 firebase 添加了一个新的兼容性选项，因此可以在您的导入中使用 /compat 文件夹.

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;

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

./src/Firebase.js Module not found: Can't resolve 'firebase' in 'C:\Users\HP\Desktop\React\clones\disney-plus-clone\src'

javascript

node-modules

reactjs