FIrebase app not initializing on Vue3-Ionic Project

Question

I use Firebase on a lot of my projects, but I never used it with vue 3 before. For an Ionic Project, I am using Vue 3 with typescript. What I would do to initialize Firebase projects on Vue 2 is, on the main.js file, this:

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

On vue 3 - main.ts -, tried:

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

But I get the message:

Firebase: No Firebase App '[DEFAULT]' has been created - call Firebase App.initializeApp()

It works if the initializeApp() is outside "app definition", in the root of the file. What could be the problem? Thanks

It looks like you are trying to invoke a Firebase method before Firebase is initialized. Can you please share the complete code? — Dharmaraj
– Dharmaraj, Commented Jun 22, 2021 at 4:22

DIGI Byte · Accepted Answer · 2021-06-22 08:51:39Z

0

You need to initiate Firebase at the start of your app before even Vue is created, ideally in a dedicated firebase.js script that manages Firebase within your app.

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

answered Jun 22, 2021 at 8:51

DIGI Byte

4,1731 gold badge16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

ShadowGames Over a year ago

Undefined variable firebase.

DIGI Byte Over a year ago

you haven't imported or declared the variable. this is not a firebase issue but a general code issue

Collectives™ on Stack Overflow

FIrebase app not initializing on Vue3-Ionic Project

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related