Estoy trabajando en un próximo proyecto js . Quiero usar firestore en mi proyecto. Entonces, como proceso, estoy inicializando la aplicación firebase y firestore en uno de mis archivos y usándolos en otro archivo de servicio. Pero si uso la variable env para inicializar mi aplicación firebase, entonces no funciona.

Aquí está la estructura de archivos de mi proyecto:

En firebase/firebaseClient.js , estoy inicializando mi aplicación firebase. Si uso el valor directamente, entonces está funcionando. Si uso la variable env , entonces no funciona.

firebase/firebaseClient.js :

 // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getFirestore } from "firebase/firestore"; // This not working. Value in the env file is the same const firebaseConfig = { apiKey: process.env.FIREBASE_CLIENT_API_KEY, authDomain: process.env.FIREBASE_CLIENT_AUTH_DOMAIN, projectId: process.env.FIREBASE_CLIENT_PROJECT_ID, storageBucket: process.env.FIREBASE_STORAGE_BUCKET, messagingSenderId: process.env.FIREBASE_CLIENT_MESSAGIN_SENDER_ID, appId: process.env.FIREBASE_APP_ID, measurementId: process.env.FIREBASE_CLIENT_MEASUREMENT_ID, }; // This is working const firebaseConfig = { apiKey: "MY_API_KEY", authDomain: "MY_AUTHDOMAIN", projectId: "MY_PROJECT_ID", storageBucket: "MY_STORAGE_BUCKET", messagingSenderId: "MY_MESSAGIN_SENDER_ID", appId: "MY_APP_ID", measurementId: "MY_MEASUREMENT_ID", }; // Initialize Firebase const app = initializeApp(firebaseConfig); export const db = getFirestore(app);

Y luego en service/appContent.js estoy obteniendo datos usando este código:

 import { initializeApp } from "firebase/app"; import { collection, getDocs } from "firebase/firestore"; import { db } from "../firebase/firebaseClient"; export const getAppContent = async () => { const contentQuery = collection(db, "/shop/app-design/content"); const contentData = await getDocs(contentQuery); const data = contentData.docs.map((doc) => doc.data()); return data; };

Cuando uso la variable env para inicializar la aplicación firebase, recibo este error: