The project has been running well, but suddenly this error appeared, Uncaught SyntaxError: ambiguous indirect export: getFirestore, for unknown reasons

Question

My project uses Firebase as the backend, this is the configuration file:

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

import { getFirestore } from "firebase/firestore";

import { getStorage } from "firebase/storage";

const firebaseConfig = {
  stuff...
};

const app = initializeApp(firebaseConfig);

export const auth = getAuth(app);

export const db = getFirestore(app);

export const storage = getStorage(app);

Try using as to rename the function:

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

It works for getFirestore

Uncaught syntax error: ambiguous indirect export: initializeApp

Try the same thing with initializeApp

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

Uncaught syntax error: ambiguous indirect export: initializeApp

The version here is "firebase": "^8.6.8"

Answer 1

Looks like you are running an outdated version of firebase. Installing the latest version should theoretically solve the problem you are facing. You can refer to the comments on this link: https://stackoverflow.com/a/70164464/19119712

If you make a change, please let me know if it works. Good luck!