时间戳

首页 > 解决方案 > 使用 @nuxtjs/firebase 在 Nuxt 中使用 Cloud Firestore 生成动态路由

firebase - 使用 @nuxtjs/firebase 在 Nuxt 中使用 Cloud Firestore 生成动态路由

问题描述

我需要一些帮助。

我正在尝试在 Nuxt 上构建我的静态站点，它有一堆动态路由。

到目前为止，在我的 nuxt.config.js 中，我有

generate: {
   async routes() {
   const queryDb = await app.$fire.firestore.collection("schools").get()
   return queryDb.docs.map(x => `/performance/${x.schoolId}`);
  }
}

但是，当使用 Nuxt generate 时，它​​会失败，因为它无法读取属性 '$fire'，这是我在整个应用程序中访问 firebase 的方式（使用https://firebase.nuxtjs.org）。在创建路线之前有什么方法可以要求它吗？任何帮助，将不胜感激！谢谢。

标签： firebasevue.jsgoogle-cloud-firestorenuxt.jsdynamic-routing

解决方案

我也遇到了错误：

类型错误：无法读取未定义的属性“$fire”

在遵循Nuxt 和 Firebase 的这个演示'@nuxtjs/firebase'之后，它通过在教程buildModules中没有提到的内容中添加来修复：

nuxt.config.js

buildModules: [
    '@nuxtjs/firebase'
],

推荐阅读