“未定义存储” Firebase和ReactJS错误

编程问答 2022-06-13

问题描述

我目前正在使用React创建音乐播放器，并决定使用Firebase存储数据并托管我的网站。但是，当我尝试通过span.page-numbers.current { color: #cb2027 !important; background: #000 !important; } 启动开发服务器时，遇到以下错误：

编译失败
第19行1：未定义“商店”
第24:26行：未定义“商店”
第25:22行：未定义“商店”

要安装Firebase，我运行了npm start，并通过npm install --save firebase将本地项目连接到Firebase项目。

我写了以下内容（注意：出于隐私/安全原因，我选择在Firebase配置字段中写“ a”）：

firebase init

这是我为24-25行写的：

import * as firebase from "firebase/app"
import "firebase/firestore"
import "firebase/storage"

const firebaseConfig = {
  apiKey: "a",authDomain: "a",databaseURL: "a",projectId: "a",storageBucket: "a",messagingSenderId: "a",appId: "a",measurementId: "a"
};

firebase.initializeApp(firebaseConfig)
store = firebase.firestore() // Line 19

我已经看了一段时间，但仍然不知道如何得到此错误，我以前使用过Firebase，之前从未遇到过此问题，所以我完全陷入了困境。感谢您提供任何帮助或反馈，以帮助我解决此问题。谢谢。

解决方法

必须先声明一个变量，然后才能使用它。

const store = firebase.firestore()
firebasefirebasegoogle-cloud-firestorejavascriptreactjsreactjs