Эмулятор Firebase, но живое хранилище

Я думаю, что вы получаете доступ к эмулятору firebase из среды узла, а не из среды браузера, поскольку имя хоста будет работать, только если среда работает в браузере, и здесь location.hostname также не будет работать.

Если вы инициализируете без проверки условия для «localhost», вы должны получить результаты. Потому что, если вы использовали typescript здесь, вы могли получить ошибку в имени хоста, например

This comparison appears to be unintentional because the types '() => string' and 'string' have no overlap.
if (hostname === "localhost")
    👆

Вместо того, чтобы инициализировать эмуляторы firebase из клиента, как вы, я рекомендую вам использовать какой-нибудь файл env и добавить одну переменную с именем NODE_ENV = ''development'' и инициализировать на основе этого условия следующим образом:

if (process.env.NODE_ENV === 'development') {
    connectAuthEmulator(auth, "http://localhost:9099");
    connectFirestoreEmulator(db, "localhost", 8080);
    connectDatabaseEmulator(database, "localhost", 9000);
    connectStorageEmulator(storage, "localhost", 9199);
    connectFunctionsEmulator(functions, "localhost", 5001);
}

ИЛИ просто используйте переменную типа const useEmulator: boolean = true; в файле инициализации firebase и проверьте это значение, а когда вы хотите подключиться к рабочему экземпляру firebase, просто сделайте значение useEmulator равным false.

Обновлять : Давайте еще раз проверим, выполнили ли вы эти шаги или нет, если да, то попробуйте еще раз.

1. Создайте 1 узел-проект, используя npm init -y , и настройте проект машинописного текста, как показано в здесь.
2. Запустите firebase init и выберите существующий проект и укажите project_id в cli, затем выберите, какие функции вы хотите использовать в этом случае, выберите Storage: Configure a security rules file for Cloud Storage и Emulators: Set up local emulators for Firebase products, затем нажмите Enter.
3. Выберите эмулятор хранилища, когда firebase cli спросит, какие эмуляторы выбрать. Нажмите Enter. Вы получите Would you like to download the emulators now?(Y/n) в качестве подсказки, введите Y и введите. Ваши эмуляторы будут загружены.
4. Запустите npm install firebase, чтобы добавить в проект зависимость от firebase.
5. Затем создайте папку src и создайте файл firebase.ts, затем добавьте свои учетные данные firebase следующим образом:

// Import the functions you need from the SDKs you need
import { initializeApp } from "firebase/app";
import { connectAuthEmulator, getAuth } from "firebase/auth";
import { connectDatabaseEmulator, getDatabase } from "firebase/database";
import { connectFirestoreEmulator, getFirestore } from "firebase/firestore";
import { connectFunctionsEmulator, getFunctions } from "firebase/functions";
import { connectStorageEmulator, getStorage } from "firebase/storage";

const firebaseConfig = { … };

const useEmulator: boolean = true;

// Initialize Firebase Services
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);
const db = getFirestore(app);
const database = getDatabase(app);
const storage = getStorage(app);
const functions = getFunctions(app);

if (useEmulator) {
    connectAuthEmulator(auth, "http://localhost:9099");
    connectFirestoreEmulator(db, "localhost", 8080);
    connectDatabaseEmulator(database, "localhost", 9000);
    connectStorageEmulator(storage, "localhost", 9199);
    connectFunctionsEmulator(functions, "localhost", 5001);
} else console.info("If Block has been Skipped");
export { auth, db, database, storage, functions }

6. Запустите firebase emulators:start, чтобы запустить эмулятор, он выдаст URL-адрес пользовательского интерфейса и настроенные URL-адреса служб эмулятора. Перейдите по URL-адресу пользовательского интерфейса и загрузите изображение в эмулятор хранилища. Вы получите URL-адрес этого изображения следующим образом: http://127.0.0.1:9199/v0/b/<project_id>.appspot.com/...
7. Это гарантирует, что ваша конфигурация верна и со стороны firebase не возникнет проблем, если таковые возникнут, вы можете связаться со службой поддержки firebase.

Ссылка: Инструментируйте свое приложение для общения с эмуляторами