React JS,Firebase,TypeError:无法读取未定义的属性“initializeApp”

Posted

技术标签:

【中文标题】React JS,Firebase,TypeError:无法读取未定义的属性“initializeApp”【英文标题】:React JS, Firebase, TypeError: Cannot read property 'initializeApp' of undefined 【发布时间】:2021-07-25 09:19:54 【问题描述】:

在我安装“npm install react-transition-group --save”之前一切正常。 然后不知何故我得到了这个“TypeError:无法读取未定义的属性'initializeApp'”错误。

Very similar to this post, but I still can't get it to work.

我也试过重新安装所有的包,还是不行。

这是我的 firebase 配置文件。

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/storage';

const firebaseConfig = 
  apiKey: "XXX",
  authDomain: "XXX",
  projectId: "XXX",
  storageBucket: "XXX",
  messagingSenderId: "XXX",
  appId: "XXX"


firebase.initializeApp(firebaseConfig);

export const auth = firebase.auth();
export default firebase;

有谁知道出了什么问题?非常感谢您的帮助!

【问题讨论】:

【参考方案1】:

我已经解决了问题,这是由于在破坏“npm audit-force”之后,它改变了package.json中一些包的版本。 在我比较了 github 存储库中的版本号并将它们更改为正确的版本之后,然后运行 ​​npm install。它解决了这个问题。

【讨论】:

以上是关于React JS,Firebase,TypeError:无法读取未定义的属性“initializeApp”的主要内容,如果未能解决你的问题,请参考以下文章

无法在 React.js 中接收来自 Firebase 的消息

使用 react-redux-firebase 消费云功能 - React JS

Firebase FCM React 项目问题 - firebase-messaging-sw.js 类型错误?

React JS Twitter身份验证Firebase

使用 React Native Firebase 时如何远程调试 JS

在 React.JS 中刷新后,如何让用户保持登录到 firebase?