未捕获的类型错误：firebase.firestore().......set 不是 HTMLButtonElement 的函数。<anonymous>

Question

我使用 Firebase 开发网络应用。 我收到此错误消息

Uncaught TypeError: firebase.firestore(...).collection(...).orderBy(...).limit(...).set is not a function
    at HTMLButtonElement.<anonymous> (main.js:152)

因为这段代码。

firebase.firestore().collection('script').orderBy('timestamp','desc').limit(1).set({
    finaltext: resultText.value,
    name: firebase.auth().currentUser.displayName,
    uid: firebase.auth().currentUser.uid
  },{merge: true}).catch(function(error){
    console.error('Error writing new message to Firestore', error);
  });

我搜索了 Internet，但找不到出现此错误消息的原因。 请给我一些建议好吗？

Answer 1

您需要先使用get() 获取所需的文档，然后再使用set()（带有合并选项）或update() 写入新字段。

firebase.firestore().collection('script').orderBy('timestamp','desc').limit(1).get()
.then(querySnapshot => {
    if (!querySnapshot.empty) {
        //We are sure the document exists, we can then use update()
        return querySnapshot.docs[0].ref.update({
          finaltext: resultText.value,
          name: firebase.auth().currentUser.displayName,
          uid: firebase.auth().currentUser.uid
        });
    } else {
       throw new Error("No document");
    }
})
.catch(error => {
    console.log("Error:", error);
});

注意get()方法返回的是QuerySnapshot，所以你需要做querySnapshot.docs[0]来获取查询返回的唯一doc对应的DocumentSnapshot。

Answer 2

方法limit返回一个Query类型的值：

限制

limit ( limit : number ) : Query < T >

创建并返回一个只返回第一个匹配文档的新查询。

https://firebase.google.com/docs/reference/js/firebase.firestore.Query#limit

因此，当您要检索数据时，orderBy 和 limit 都可以使用。如果您想向数据库中添加数据，只需执行以下操作：

firebase.firestore().collection('script').set({
    finaltext: resultText.value,
    name: firebase.auth().currentUser.displayName,
    uid: firebase.auth().currentUser.uid
  },{merge: true}).catch(function(error){
    console.error('Error writing new message to Firestore', error);
  });