Mi código JS va como:
import { initializeApp } from "firebase/app"; const firebaseConfig = { //config object }; const app = initializeApp(firebaseConfig);Recibo este error desde hace mucho tiempo y me gustaría que alguien lo investigara:
No se pudo resolver el especificador de módulo "firebase/app". Las referencias relativas deben comenzar con "/", "./" o "../".
¿Se han seguido los pasos de los documentos oficiales?
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 firebase2.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);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'