'无法读取 nuxtJs/firebase 中未定义的属性'应用程序'答案

【问题标题】：'Cannot read property 'apps' of undefined' in nuxtJs/ firebase'无法读取 nuxtJs/firebase 中未定义的属性'应用程序'
【发布时间】：2021-11-25 09:27:29
【问题描述】：

我尝试将 firebase 与 Nuxt Js 集成，但出现此错误

根据文档，我首先在“npm install firebase”的帮助下安装了 firebase，然后我安装了“npm install @nuxtjs/firebase”，第三个我将我的 firebase 配置集成到了 modules 中nuxt.config.js

那么解决上述错误的解决方案是什么？提前致谢

【问题讨论】：

您使用的是哪个版本的 firebase？

标签： javascript firebase google-cloud-firestore nuxt.js

【解决方案1】：

这取决于你使用的是哪个版本的@nuxtjs/firebase，因为这个包@nuxtjs/firebase 与支持tree-shaking 的firebase 9+ 版本不兼容。

因此，您需要将软件包降级到 firebase 版本 8 及之前的版本。

更多信息，请查看作者的github问题。

【讨论】：

【解决方案2】：

如果您使用新的Modular SDK v9.0.1，您可能会收到上述错误，因为它现在不使用firebase. 命名空间，尝试使用getApps() 而不是firebase.apps。

import { initializeApp, getApps } from "firebase/app" 
import { getFirestore } from "firebase/firestore"
import { getAuth } from "firebase/auth" 
const firebaseConfig = {...} 
if (!getApps().length) {
 //.... 
} 
const app = initializeApp(firebaseConfig) 
const db = getFirestore(app) 
const auth = getAuth(app) export {db, auth}

【讨论】：