¿Se han seguido los pasos de los documentos oficiales?

1. Paso 1: Cree un proyecto de Firebase y registre su aplicación
2. Paso 2: instala el SDK e inicializa Firebase

En esta página, se describen las instrucciones de configuración para la versión 9 del SDK de Firebase JS, que utiliza un formato de módulo de JavaScript.

Este flujo de trabajo usa npm y requiere agrupadores de módulos o herramientas de marco de JavaScript porque el SDK v9 está optimizado para trabajar con agrupadores de módulos para eliminar el código no utilizado (desplazamiento de árboles) y reducir el tamaño del SDK.

2.a. Instalar Firebase usando npm

 npm install firebase

2.b. Inicialice Firebase en su aplicación y cree un objeto de aplicación de Firebase

 import { initializeApp } from 'firebase/app'; // TODO: Replace the following with your app's Firebase project configuration const firebaseConfig = { //... }; const app = initializeApp(firebaseConfig);

3. Accede a Firebase en tu aplicación

Los servicios de Firebase (como Cloud Firestore, Authentication, Realtime Database, Remote Config y más) están disponibles para importar dentro de subpaquetes individuales.

El siguiente ejemplo muestra cómo podría usar el SDK de Cloud Firestore Lite para recuperar una lista de datos.

 import { initializeApp } from 'firebase/app'; import { getFirestore, collection, getDocs } from 'firebase/firestore/lite'; // Follow this pattern to import other Firebase services // import { } from 'firebase/<service>'; // TODO: Replace the following with your app's Firebase project configuration const firebaseConfig = { //... }; const app = initializeApp(firebaseConfig); const db = getFirestore(app); // Get a list of cities from your database async function getCities(db) { const citiesCol = collection(db, 'cities'); const citySnapshot = await getDocs(citiesCol); const cityList = citySnapshot.docs.map(doc => doc.data()); return cityList; }

Puede referir mi respuesta al enlace oficial a continuación.

https://firebase.google.com/docs/web/setup

Espero poder ayudarte.

Finalmente resolví mi problema usando el siguiente método para importar funciones:

import { function } from 'https://www.gstatic.com/firebasejs/9.6.3/firebase-SERVICE.js'