未捕获（承诺）FirebaseError：无效的文档引用。文档引用必须具有偶数个段

Question

嗯，我的问题有所不同。我创建了一个模态形式，如下所示：

Modal Form

根本没有问题，我的数据可以轻松编辑：

Updates with no errors

现在，我开始用Vue2-editor插件替换文本区域，结果设计如下：

Vue-text-editor

我试图修改文本并保存：

Error

这是我的更新机制：

updateProduct() {
        // Update function has issues so I have to apply this work-around
        this.$firestore.products.doc(this.product['.key']).set(this.product).then(() => {
          this.$firestore.products.doc(this.activeItem).delete()}).then(()=>{
            this.$refs.edit.hide()
              toast.fire({
                  type: 'success',
                  title: 'Updated successfully'
              });
          });
      },

好吧，firebase更新功能根本不起作用。我对此进行了研究，但徒劳无功-这是唯一可行的解​​决方法。

现在，我需要弄清楚该文本编辑器出了什么问题。

Answer 1

您的问题在这里：

this.$firestore.products.doc(this.product['.key'])

我不知道this.product['.key']的内容是什么，但是几乎可以肯定不会一起给您一个集合的名称和一个文档的名称。引用文档的唯一方法是通过集合。文档不在集合之外。这就是为什么您传递给doc（）的字符串中的路径段数必须为偶数的原因。格式应为“收藏/文档”。

您将必须确定要写入的集合，并使用它引用文档的路径。