Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 在 vue.js 中调用 Firebase App.initializeApp() (app/no-app)

Question

所以我正在通过 veu.js 构建移动应用程序 -> 使用来自 firebase 的实时数据库的 vuetify 模块。

我的一个观点——Pract.vue 需要从数据库中检索数据。

<template>
  <div class="pa-6 text-center">
    <h1>Practice Mode</h1>
  </div>
</template>



<script>
import firebase from "firebase";
import "firebase/database";

var ref = firebase.database().ref("ang");


</script>

我添加了 firebase.initializeApp(firebaseConfig);使用firebase控制台生成的数据到main.js文件并从“firebase”导入firebase

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import vuetify from './plugins/vuetify';
import firebase from "firebase";

// Xs in original code are real data

var firebaseConfig = {
    apiKey: "X",
    authDomain: "X",
    databaseURL: "X",
    projectId: "X",
    storageBucket: "X",
    messagingSenderId: "X",
    appId: "X",
    measurementId: "X"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

Vue.config.productionTip = false

new Vue({
    router,
    store,
    vuetify,
    render: h => h(App)
}).$mount('#app')

控制台警报未捕获的 FirebaseError：Firebase：未创建 Firebase 应用“[DEFAULT]” - 调用 Firebase App.initializeApp() (app/no-app)。

我在 view 和 main.js 中都尝试过 import firebase from 'firebase/app' -> 相同的警报。

Answer 1

尝试在路由器 index.ts 文件中使用 firebase 时，我遇到了同样的问题。我必须在 index.ts 中初始化 firebase 才能让它工作。