export 'default' (imported as 'VueFire') was not found in 'vuefire'

Question

Every single tutorial for how to use Firebase with Vue says that in the main.js file I have to add Vue.use(VueFire); which makes sense. But then I just get this message export 'default' (imported as 'VueFire') was not found in 'vuefire'.

I tried using import * as VueFire from 'vuefire' and it didn't give the error message anymore, but it doesn't seem to be using the plugin.

this is the main.js file

import Vue from 'vue'
import App from './App.vue'
import router from './router'

import VueFire from 'vuefire'

Vue.config.productionTip = false

Vue.use(VueFire);

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

score 17 · Accepted Answer · answered Jun 02 '19 at 17:25

17

Older documentation I think. Try this instead.

import { firestorePlugin } from 'vuefire'
Vue.use(firestorePlugin)

answered Jun 02 '19 at 17:25

skribe

3,595
4
25
36

Yes that was the issue thank you so much =) I looked at the vuefire git repo and the export is {rtdbPlugin} for the realtime database which I am using. – A.lex Jun 02 '19 at 22:24

score 0 · Answer 2 · edited Mar 16 '20 at 02:07

0

just looking at new documentation here https://vuefire.vuejs.org/vuefire/getting-started.html

 import Vue from 'vue' import { firestorePlugin } from 'vuefire'

 Vue.use(firestorePlugin)

edited Mar 16 '20 at 02:07

Kick Buttowski

6,709
13
37
58

answered Jan 23 '20 at 03:27

Iklan Hits

81
1
3

export 'default' (imported as 'VueFire') was not found in 'vuefire'

2 Answers2