Vue 2; エクスポート 'default' ('firebase' としてインポート) が 'firebase/app' に見つかりませんでした 質問する

Vue 2; エクスポート 'default' ('firebase' としてインポート) が 'firebase/app' に見つかりませんでした 質問する

Vue 2 アプリに firebase をインポートしようとしていますが、この厄介な問題が発生しています。

私のインポートは次のようになります:

import firebase from 'firebase/app'
import 'firebase/auth'
import 'firebase/firestore'

しかし、私がそれを提供すると、次のようになります:

エクスポート 'default' ('firebase' としてインポート) が 'firebase/app' に見つかりませんでした

...そして、ビューはレンダリングもルーティングもされません。

私の Firebase のバージョンは npm の 9.0.0 です。

ベストアンサー1

2021年8月25日にFirebase SDKバージョン9がリリースされたため、Firebase Web SDK バージョン 8 を使用している多くのユーザーが同じ問題に悩まされています。

ドキュメントによると、現在Firebase Web SDKバージョン8以前を使用しているアプリは次のようにバージョン 9 への移行を検討する必要があります。

以前: バージョン 8 (旧)

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';

後: バージョン 9 互換 (新規)

// v9 compat packages are API compatible with v8 code
import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

おすすめ記事