Firestore数据存储失败求助：firestoreDB.collection不是函数

核心问题分析 #

firebaseconfig.firestoreDB.collection is not a function 错误本质是Firestore实例未正确初始化，或是使用了与当前Firebase SDK版本不匹配的调用方式。以下是针对性修复方案：

1. 修正Firestore初始化代码 #

确保firebaseconfig.js使用符合当前主流v9+模块化SDK的初始化方式：

// firebaseconfig.js 正确示例
import { initializeApp } from "firebase/app";
import { getFirestore } from "firebase/firestore";
import { getAuth } from "firebase/auth";

// 替换为你的Firebase项目配置
const firebaseConfig = {
  apiKey: "YOUR_API_KEY",
  authDomain: "YOUR_AUTH_DOMAIN",
  projectId: "YOUR_PROJECT_ID",
  storageBucket: "YOUR_STORAGE_BUCKET",
  messagingSenderId: "YOUR_SENDER_ID",
  appId: "YOUR_APP_ID"
};

// 初始化Firebase应用
const app = initializeApp(firebaseConfig);
// 初始化Firestore实例
const firestoreDB = getFirestore(app);
// 初始化Auth实例（配合账号创建使用）
const auth = getAuth(app);

// 导出实例供其他文件调用
export { firestoreDB, auth };

• 若你安装的是v9+ SDK但仍使用v8及以前的firebase.firestore()命名空间写法，必然会触发此错误，需切换为模块化写法。
• 确认已安装firebase依赖：执行npm install firebase或yarn add firebase

2. 调整Firestore数据写入逻辑 #

v9+ SDK中collection是独立导入的函数，不再是Firestore实例的方法。修改register.js中的存储代码：

// register.js 正确示例
import { createUserWithEmailAndPassword } from "firebase/auth";
import { firestoreDB, auth } from './firebaseconfig.js';
import { collection, addDoc } from "firebase/firestore";

async function handleRegister(email, password, username) {
  try {
    // 创建Auth账号
    const userCredential = await createUserWithEmailAndPassword(auth, email, password);
    const user = userCredential.user;

    // 存储用户信息到Firestore
    await addDoc(collection(firestoreDB, "users"), {
      uid: user.uid,
      email: user.email,
      username: username,
      createdAt: new Date()
    });

    alert("注册成功");
  } catch (error) {
    console.error("错误详情:", error);
    alert("注册失败: " + error.message);
  }
}

错误写法（v8风格）：firestoreDB.collection("users").add(...) → 正确写法（v9+）：addDoc(collection(firestoreDB, "users"), {...})

3. 验证导入导出的准确性 #

• 确认firebaseconfig.js中firestoreDB变量拼写正确并成功导出。
• 确认register.js中导入路径无误，同级目录下需写./firebaseconfig.js，不可省略./。

4. 检查Firebase控制台配置 #

登录Firebase控制台，确认你的项目已创建并启用Firestore数据库，开发阶段可临时将数据库规则设置为allow read, write: if true;（上线后需调整为安全规则）。

内容的提问来源于stack exchange，提问作者afaki abdel majid