プロジェクトは順調に実行されてきましたが、原因不明のエラー「Uncaught SyntaxError:曖昧な間接エクスポート:getFirestore」が突然表示されました。

Question

私のプロジェクトはバックエンドとして Firebase を使用しています。これは構成ファイルです:

import {initializeApp} from "firebase/app";
import { getAuth } from "firebase/auth";

import { getFirestore } から "firebase/firestore";

import { getStorage } から "firebase/storage";

const firebaseConfig = {
  もの...
};

const app = 初期化App(firebaseConfig);

エクスポート const auth = getAuth(app);

エクスポート const db = getFirestore(app);

エクスポート const storage = getStorage(app);

as を使用して関数の名前を変更してみてください:

import { getFirestore as getFirestoreFunction } from "firebase/firestore";

<ブロック引用>

getFirestore では機能します

<ブロック引用>

捕捉されない構文エラー:あいまいな間接エクスポート:initializeApp

<ブロック引用>

initializeApp で同じことを試してください

import {initializeApp as initFirebaseApp} from "firebase/app";

<ブロック引用>

捕捉されない構文エラー:あいまいな間接エクスポート:initializeApp

ここでのバージョンは「firebase」: "^8.6.8"

Answer 1

古いバージョンの firebase を実行しているようです。最新バージョンをインストールすると、理論的には直面している問題が解決されるはずです。このリンクのコメントを参照できます: https://stackoverflow.com/a/70164464/19119712

変更を加えた場合、それが機能するかどうかをお知らせください。幸運を！