带有 firebase nuxt 模块的 Firebase 存储在删除文件后无法读取未定义的属性“删除”

Posted

技术标签:

【中文标题】带有 firebase nuxt 模块的 Firebase 存储在删除文件后无法读取未定义的属性“删除”【英文标题】:Firebase Storage with firebase nuxt module gives Cannot read property 'delete' of undefined after deleting the file 【发布时间】:2021-06-22 12:11:30 【问题描述】:

我正在使用 Firebase Nuxt Module 在我的项目中使用 firebase,该项目以 SPA 模式(无服务器端渲染)运行,目标为静态,问题是它确实删除了文件然后给了我错误:Cannot read property 'delete' of undefined 所以其余异步功能未完成:

async deleteFunction () 
try 
        this.deleteLoading = true;

        await this.$fire.storage
          .ref("CVs/")
          .child(this.$store.state.auth.user.uid)
          .delete();

        await this.$fire.firestore
          .collection("users")
          .doc(this.$store.state.auth.user.uid)
          .update(
            cv: this.$fire.firestore.FieldValue.delete(),
          );

        this.cvLink = null;

        this.deleteLoading = false;

        this.$notifier.showMessage(
          color: "success",
          content: "Current CV Deleted Successfully",
        );
       catch (err) 
        this.$notifier.showMessage(
          color: "red",
          content: err,
        );

        this.deleteLoading = false;
      
    ,


【问题讨论】:

【参考方案1】:

已解决:发现错误来自 firestore 删除,因为我必须使用 $fireModule 而不是 $fire

【讨论】:

以上是关于带有 firebase nuxt 模块的 Firebase 存储在删除文件后无法读取未定义的属性“删除”的主要内容,如果未能解决你的问题,请参考以下文章

带有 Firebase 的 Nuxt.js s-s-r - ReferenceError:未定义导航器

Jest + Nuxt + Nuxt-Fire 在测试套件中失败

带有 Firebase 和 FirebaseUI 的 Nuxt 中间件:错误:通过导航守卫从“/anything”转到“/login”时重定向

在组合 api 中使用注入变量(nuxt.firebase)

Nuxt Apollo 模块请求授权标头,带有双 'Bearer'

nuxt.config.js 在哪里构建模块仅在开发模式下构建?