./src/Firebase.js 模块未找到：无法解析“C:\Users\HP\Desktop\React\clone\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'./src/Firebase.js 模块未找到：无法解析“C:\Users\HP\Desktop\React\clone\disney-plus-clone\src”中的“firebase”
【发布时间】：2021-11-24 03:24:48
【问题描述】：

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

---请帮忙-----

【问题讨论】：

您需要在全局范围内安装 firebase 工具，例如 - npm install -g firebase-tools 并且您还必须共享代码或 repo 链接，以便我可以有效地回答您
兄弟我也做过，现在还是一样的问题
你能分享你的代码或回购链接，以便我能正确理解你的问题吗？
github.com/Hackish-Web/disney-clone.git
我提供了 2 个文件 app.js 和 firebase.js。我已经在我的 node_modules 中安装了 firebase 及其，但也是为什么我无法从 2 天开始我的项目。它说找不到firebase模块，但我已经安装了它.....

标签： javascript reactjs node-modules

【解决方案1】：

为什么会这样？

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

我对 Firebase.js 文件进行了一些更改，请替换您的代码使用下面给出的，然后启动您的开发服务器。

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;

【讨论】：

兄弟它的工作?。真的兄弟，你现在解决了我最大的错误之一。我会感谢你的。从 2.5 天开始，我无法开始我的项目，而你很快就完成了。你真的是天才。
@webdeveloper 作为对我的奖励，您可以喜欢并接受我的回答，这将是一种奖励，也是对我的动力，最后我可以说你永远受欢迎！
Gulshan Aggarwal 你成就了我的一天。我试图从 2 天开始解决这个错误谢谢你，祝你幸福