Firestore 数组联合

Question

我正在使用 vue.js 和 firebase 构建一个基本的 CRUD 应用程序。我正在尝试构建收藏夹功能，但在存储数据时遇到了持久性问题。

当用户单击添加到收藏夹按钮时，我正在尝试将文档 ID 添加到“用户配置文件”文档中的数组中。代码如下：

export function addNewUserAction (type, key, userID){
  console.log(userID);
  console.log(key);

  firebase.firestore().collection('userActions').add({
    type: type,
    listing: key,
    user: userID,
    time: Date.now()
  })
  if(type === 'favorite'){
    var sendfav = db.collection('userProfiles').doc(userID).update({
      favs: firebase.firestore.FieldValue.arrayUnion(key)
    });
  }else if(type === 'xout'){
    var sendxout = db.collection('userProfiles').doc(userID).update({
      xouts: firebase.firestore.FieldValue.arrayUnion(key)
    });
  }else{
    console.error(type + " is not a user action");
  }
}

我在控制台中收到以下错误：

Uncaught TypeError: Cannot read property 'arrayUnion' of undefined
    at addNewUserAction

我已经导入了 firebase 和 db ref，并且通过每个引用运行了一个虚假的 .set() 以确认它们指向正确的位置。我也已经在“userProfile”文档中创建了数组。

firebase 安装是全新的，就像上周一样，所以我的构建中应该有这个功能。

似乎 arrayUnion 只是不工作。有任何想法吗？其他 Firestore 功能正在运行，所以我不确定。我是否突然错过了什么？谢谢

Answer 1

如果您使用的是 Admin SDK

我在试验时遇到了一些类似的随机错误。事实证明，这是因为我使用的是 firebase admin sdk，与 Web SDK 文档相比，它需要稍作改动。如果您使用的是 firebase 管理员，请替换

firebase.firestore.FieldValue.arrayUnion(...

与

admin.firestore.FieldValue.arrayUnion(...

Answer 2

我有同样的问题...

这行不通

import { fireStore } from '../../firebase';
....
fireStore.collection("users").doc(props.uid).update({
    points: fireStore.FieldValue.arrayUnion({value: pointObj.value, reason: pointObj.reason})
});

我更改了导入并使用了 Firebase 文档中的确切代码。
这工作正常。

import * as firebase from 'firebase';
....
fireStore.collection("users").doc(props.uid).update({
    points: firebase.firestore.FieldValue.arrayUnion({value: pointObj.value, reason: pointObj.reason})
});

希望对您有所帮助。

Answer 3

只是想更新一下。我可以通过以下方式导入 firebase 来完成这项工作：

`import firebase from "firebase/firebase";`

我认为我之前的问题是几个问题，第一个主要是没有正确的版本。我最近刚刚更新到 5.8.4，这完全破坏了我的应用程序。我尝试了上述作为一种可能的解决方案，它让我的应用程序再次运行。这导致我尝试使用 arrayUnion 并且它有效。希望这对某人有帮助。谢谢大家的帮助。

2019 年 10 月 11 日更新 因此，我想为此添加另一个更新，以防 Firebase 的新用户像我一样追赶他们的尾巴。

所以我上面包含的解决方案有效，因为它使用了整个 firebase SDK 包（'firebase/firebase'），这很好，但是您将导入整个 firebase 包，这并不理想。您经常会在控制台中看到您正在使用开发 SDK 的警报

如果您尝试优化您的应用并且只导入您需要的 firebase 包（即 auth、datatbase 等），您需要从“firebase/app”导入 firebase 应用对象，然后导入所需的包。关键是按照 firebase 文档的要求作为对象导入：

import * as firebase from 'firebase/app'; Import 'firebase/auth'

如果你使用：

import firebase from 'firebase/app' 这行不通。

希望对某人有所帮助。我知道这是很专业的东西，但它在我的学习曲线上困扰了我一段时间。

Answer 4

Firestore - Pass Array To arrayUnion()

let myArray = ["1", "2", "3"];

docRef.update({
    test: firebase.firestore.FieldValue.arrayUnion.apply(this, myArray)
});

这对我有用^

Answer 5

对于 Vue.js 开发人员

我在 src 文件夹中创建了一个名为 firebase 的文件夹，然后我在 firebase 文件夹中创建了一个名为 init.js 的文件

init.js

import * as firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";

// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
  // Your Firebase Config
};

// Initialize Firebase
firebase.initializeApp(firebaseConfig);

// utils
const db = firebase.firestore();
const auth = firebase.auth();

export { db, auth, firebase };

现在在您需要的任何组件中使用它们。 刚刚过去，

import { firebase, auth, db } from "@/firebase/init.js";

现在您可以使用 firebase 而不会出现任何错误

db.collection("users") // Collection Name
.doc(userId)           // Document in Collection indexed userId
.update({
    friends: firebase.firestore.FieldValue.arrayUnion(auth.currentUser.uid)
})
// friends is the array collection in firestore

就是这样