[英]Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)
[英]Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app) in vue.js
所以我正在通過 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')
控制台警報Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp() (app/no-app)。
我已經嘗試在視圖和 main.js 中從 'firebase/app' 導入firebase -> 相同的警報。
嘗試在路由器 index.ts 文件中使用 firebase 時,我遇到了同樣的問題。 我必須在 index.ts 中初始化 firebase 才能讓它工作。
嘗試將導入語句更改為
import firebase from "firebase/compat/app";
我在嘗試使用一個單獨的文件來訪問 firebase 服務時遇到了同樣的錯誤(它既不是組件也不是 vue-cli 創建的文件)。 在我的例子中是sampleAPI.ts 。 所以為了解決這個問題,我不得不導入上面提到的語句,然后在sampleAPI.ts中初始化應用程序,這解決了我的問題。
firebase.initializeApp(firebaseConfig);
你需要打電話
firebase.initializeApp();
在調用 firebase 之前
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.