Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 在 vue.js 中调用 Fireba
Posted
技术标签:
【中文标题】Uncaught FirebaseError: Firebase: No Firebase App \'[DEFAULT]\' has been created - 在 vue.js 中调用 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.jsUncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 在 vue.js 中调用 Firebase App.initializeApp() (app/no-app) 【发布时间】:2021-05-13 10:32:39 【问题描述】:所以我正在通过 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' -> 相同的警报。
【问题讨论】:
【参考方案1】:尝试在路由器 index.ts 文件中使用 firebase 时,我遇到了同样的问题。我必须在 index.ts 中初始化 firebase 才能让它工作。
【讨论】:
以上是关于Uncaught FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - 在 vue.js 中调用 Fireba的主要内容,如果未能解决你的问题,请参考以下文章
firebase 错误:FirebaseError:缺少权限或权限不足
FirebaseError:权限缺失或不足。 -类星体和火力基地
FirebaseError:无法获取文档,因为客户端处于脱机状态