Javascript 无法读取属性';firestore&x27;尝试在nuxt应用程序中初始化firebase时为null

Javascript 无法读取属性';firestore&x27;尝试在nuxt应用程序中初始化firebase时为null,javascript,firebase,vue.js,google-cloud-firestore,nuxt.js,Javascript,Firebase,Vue.js,Google Cloud Firestore,Nuxt.js,我正在尝试在nuxt应用程序中使用Firebase和Firestore。我已经按照文件做了所有的事情,但似乎有点不对劲。 显然,如果(!firebase.apps.length)的计算结果为false,则app将保持null,但我不会从其他任何地方初始化firebase,因此不应该发生这种情况 插件/firebase.js import firebase from "firebase"; import firestore from "firebase/firestore"; //linter s

我正在尝试在nuxt应用程序中使用Firebase和Firestore。我已经按照文件做了所有的事情,但似乎有点不对劲。 显然,
如果(!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>

从“firebase/app”导入*作为firebase;

如果您
console.log(firebase.apps)
它显示了什么?它显示了一个包含一个FirebaseAppImpl对象的列表。请更新您的问题,以准确显示您所做的事情以及输出内容。如果您自己采取一些额外的调试步骤,例如记录
firebase.apps.length
,也会有所帮助!firebase.apps.length
,以及您可以想到的其他内容。