FIrebase 应用程序未在 Vue3-Ionic 项目上初始化

Question

我在很多项目中都使用 Firebase，但我之前从未在 vue 3 中使用过它。对于 Ionic 项目，我使用带有 typescript 的 Vue 3。我会在 Vue 2 上初始化 Firebase 项目的方法是，在 main.js 文件中：

new Vue({
  router,
  created() {
    firebase.initializeApp(firebaseConfig)
  }}).$mount('#app')

在 vue 3 - main.ts -，尝试过：

const app = createApp(App, {
  created(){
    firebase.initializeApp(firebaseConfig)
  }
})

但我得到了消息：

Firebase：没有创建 Firebase 应用“[DEFAULT]” - 调用 Firebase App.initializeApp()

如果initializeApp() 在文件的根 中的“应用程序定义”之外，它可以工作。可能是什么问题呢？谢谢

Answer 1

在创建 Vue 之前，您需要在应用启动时启动 Firebase，最好是在一个专用的 firebase.js 脚本中，该脚本在您的应用中管理 Firebase。

firebase.initializeApp(firebaseConfig)
new Vue({
  router
}).$mount('#app')