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

问题描述

我需要一些帮助。

我正在尝试在 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）。在创建路线之前，有什么方法可以要求它吗？ 任何帮助，将不胜感激！谢谢。

解决方法

我也遇到了错误：

TypeError: 无法读取未定义的属性 '$fire'

在遵循此 demo of Nuxt and Firebase 后，它通过在 tutorial 中未提及的 '@nuxtjs/firebase' 中添加 buildModules 来修复：

nuxt.config.js

buildModules: [
    '@nuxtjs/firebase'
],