首页 > 解决方案 > 尝试在 nuxt 应用程序中初始化 firebase 时无法读取 null 的属性“firestore”

问题描述

我正在尝试在我的 nuxt 应用程序中使用 Firebase 和 Firestore。我已经根据文档做了所有事情,但似乎有问题。显然,if (!firebase.apps.length)评估为false,所以app保持null,但我没有从其他任何地方初始化 firebase,所以这不应该发生

插件/firebase.js

import firebase from "firebase";
import firestore from "firebase/firestore"; //linter says that firestore is declared but never read, which is weird, since it is.
const firebaseConfig = {
 //config data of my project (not sure if I can share them, so I don't)
};
let app = null;
if (!firebase.apps.length) {
  app = firebase.initializeApp(firebaseConfig);
}

export const db = app.firestore();

nuxt.config.js

plugins: ["~/plugins/firebase.js"],

布局/default.vue

<script>
import * as firebase from "firebase/app";
</script>

标签: javascriptfirebasevue.jsgoogle-cloud-firestorenuxt.js

解决方案


推荐阅读