😖

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

2021/05/18に公開約500字

Vue.js + Firebaseでアプリを作っていたら、

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

というエラーが出た。

解決方法

import VueFire from "vuefire";import { firestorePlugin } from "vuefire"; に変更すると解決した。

実装

Before

import Vue from "vue";
import VueFire from "vuefire";
import firebase from "firebase/app";
import "firebase/firestore";

Vue.use(VueFire);

After

import Vue from "vue";
// 変更
import { firestorePlugin } from "vuefire";
import firebase from "firebase/app";
import "firebase/firestore";

Vue.use(firestorePlugin);

Discussion

ログインするとコメントできます