“商店未定义”Firebase 和 ReactJS 错误

Question

我目前正在使用 React 创建一个音乐播放器，并决定使用 Firebase 来存储数据和托管我的网站。但是，当我尝试通过 启动我的开发服务器时npm start，我遇到了以下错误：

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

为了安装 Firebase，我运行了npm install --save firebase我的本地项目并将其连接到我的 Firebase 项目firebase init。

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

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

这是我为第 24-25 行写的内容：

const cloudPlaylists = store.collection("playlists"); // Line 24

const cloudSongs = store.collection("songs"); // Line 25

我已经看了一段时间，但我仍然无法弄清楚我是如何得到这个错误的，我以前使用过 Firebase 并且以前从未遇到过这个问题，所以我完全被困住了。感谢任何帮助或反馈帮助我解决这个问题。谢谢。

Answer 1

您必须先声明一个变量，然后才能使用它。const store = firebase.firestore()