这是我第一次在 StackOverflow 上提问。我正在制作一个学校项目，并且我是 Firebase 和 JavaScript 的初学者。我正在尝试克隆 Tinder。React 告诉我这部分代码有错误。起初我遇到了不同的错误，但它们与 Firebase 语法相关，我立即修复了它们，但现在我不知道这个错误的含义。我的代码在本地主机上运行了一瞬间（我看到了我的应用程序），然后出现错误。
import React, { useEffect, useState } from 'react';
import TinderCard from 'react-tinder-card';
import database from './firebase';
import './SwipeCards.css';
...
function SwipeCards() {
...
useEffect(() => {
database.collection('buddies').onSnapshot((snapshot) => setBuddies(snapshot.docs.map((doc) => doc.data())));
}, []);
...
}
我尝试了其他人遇到的类似问题的两种解决方案，即：（在我的tinderCards.js中）
database.firestore().collection('buddies')...
和（在我的 firebase.js 中）
import { initializeApp } from 'firebase/app';
import { getFirestore } from 'firebase/firestore';
...
const firebaseApp = initializeApp(firebaseConfig);
const database = getFirestore(firebaseApp);
export default database;
但两者都不起作用。如果需要，我可以发布更多代码。任何帮助将不胜感激。