【Vue】export 'default' (imported as 'VueFire') was not found... の対処法

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);