FirebaseAuth does not provide an export named 'default'

a.md

0: user

Astro+TypeScriptでFirebase Authで匿名認証したい

1: assistant

...

以上の手順で、Astro+TypeScriptでFirebase Authで匿名認証を行うことができます。

2: user

Uncaught (in promise) SyntaxError: The requested module '/node_modules/.vite/deps/firebase_app.js?v=ed7d54af' does not provide an export named 'default'

3: assistant

このエラーは、Firebase SDKのバージョンによって発生することがあります。Firebase SDKのバージョン8.0.0以降では、defaultエクスポートが提供されなくなったため、このエラーが発生する可能性があります。

解決するには、以下のようにFirebase SDKのインポート方法を変更します。

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

// Firebaseアプリを初期化する
const app = firebase.initializeApp({
  // Firebaseの設定
});

// Firebase Authを取得する
const auth = firebase.auth(app);

このように、firebase/compatを使用してFirebase SDKをインポートすることで、defaultエクスポートを使用することができます。また、firebase/authを別途インポートする必要があることに注意してください。

この方法でFirebase SDKをインポートすることで、defaultエクスポートが提供されないバージョンでも正常に動作するようになります。