Firestore 数据库“无法读取未定义的属性”错误：原因和解决方案

javascript

2024-03-15 10:02:00

使用 Firestore 数据库时解决“无法读取未定义的属性”错误

问题

在尝试将用户添加到 Firestore 数据库时，可能会遇到错误：“无法读取未定义的属性”。此错误会阻止用户成功添加到数据库中，从而影响应用程序的功能。

错误原因

该错误通常是由于以下原因之一造成的：

未正确初始化 Firebase。
未正确设置 Firebase 规则。
集合或文档的路径不正确。

解决方案

解决此错误，需要逐一检查以下解决方案：

检查 Firebase 初始化

确保按照 Firebase 文档正确初始化 Firebase。应该在应用程序启动时初始化 Firebase，如下所示：

import { initializeApp } from "firebase/app";

const firebaseConfig = { ... };

// Initialize Firebase
const firebaseApp = initializeApp(firebaseConfig);

检查 Firebase 规则

确保 Firebase 规则允许向集合中写入数据。以下是允许匿名用户写入“users”集合的规则示例：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /users/{document=**} {
      allow read, write: if request.auth.uid != null;
    }
  }
}

检查集合和文档路径

确保集合和文档路径正确。路径应遵循以下格式：
```
/databases/{database}/documents/{collection}/{document}
```
其他可能的解决方案
- 确保存储规则允许您在 Cloud Storage 中写入数据。
- 确保已正确导入了 Firebase 库并使用了正确的 API。
- 检查控制台日志中是否有任何其他错误。
- 尝试刷新浏览器或重新启动应用程序。

示例代码

以下是如何在 React Native 应用程序中使用 Firebase Firestore 添加用户的示例代码：

import { getFirestore, collection, doc, setDoc } from "firebase/firestore";

const db = getFirestore();

const userRef = doc(db, "users", "user-id");

const data = {
  name: "John Doe",
  email: "johndoe@example.com",
};

setDoc(userRef, data);