[CloudFirestore]Uncaught TypeError: не удалось разрешить спецификатор модуля «firebase/app». Относительные ссылки должны ⇐ Javascript

[Гость]

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

Я просто пытаюсь получить имя пользователя и пароль только в целях тестирования, но получаю эту ошибку при загрузке страницы:

Uncaught TypeError: не удалось разрешить спецификатор модуля «firebase/app». Относительные ссылки должны начинаться с «/», «./» или «../».

Это мой код прямо сейчас:

Добро пожаловать в хостинг Firebase тело { фон: #ECEFF1; цвет: rgba(0, 0, 0, 0,87); семейство шрифтов: Roboto, Helvetica, Arial, без засечек; маржа: 0; заполнение: 0; } #сообщение { фон: белый; максимальная ширина: 360 пикселей; поле: 100 пикселей, авто 16 пикселей; отступ: 32 пикселя 24 пикселя; радиус границы: 3 пикселя; } #сообщение h2 { цвет: #ffa100; начертание шрифта: жирный; размер шрифта: 16 пикселей; поле: 0 0 8 пикселей; } #сообщение h1 { размер шрифта: 22 пикселей; вес шрифта: 300; цвет: rgba(0, 0, 0, 0,6); поле: 0 0 16 пикселей; } #сообщение п { высота строки: 140%; поле: 16 пикселей 0 24 пикселей; размер шрифта: 14 пикселей; } #сообщение { дисплей: блок; выравнивание текста: по центру; фон: #039be5; преобразование текста: верхний регистр; текстовое оформление: нет; белый цвет; отступ: 16 пикселей; радиус границы: 4 пикселя; } #сообщение, #сообщение { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } #нагрузка { цвет: rgba(0, 0, 0, 0,4); выравнивание текста: по центру; размер шрифта: 13 пикселей; } @media (макс. ширина: 600 пикселей) { тело, #сообщение { маржа-верх: 0; фон: белый; коробка-тень: нет; } тело { border-top: 16 пикселей, сплошной #ffa100; } } // Правильно импортируем модули Firebase импортировать {initializeApp} из Firebase/app; импортировать { getFirestore, doc, setDoc } из 'firebase/firestore'; const firebaseConfig = { apiKey: "AIzaSyCtxBYLQ84DxSjQMGvksQvg7M2iCaBQ6g0", authDomain: "bsc-project-2-bf69a.firebaseapp.com", URL-адрес базы данных: "https://bsc-project-2-bf69a-default-rtd ... tabase.app", идентификатор проекта: "bsc-project-2-bf69a", StorageBucket: "bsc-project-2-bf69a.appspot.com", messageSenderId: "707357656239", appId: "1:707357656239:web:d36ff2687cb3dafc7bc05a", Идентификатор измерения: «G-L51G2JCM55» }; const приложение = инициализироватьApp (firebaseConfig); const db = getFirestore (приложение); асинхронная функция storeInputData() { var username = document.getElementById("user").value; var пароль = document.getElementById("pass").value; console.log("Имя пользователя: " + имя пользователя); console.log("Пароль: " + пароль); const userRef = doc(db, "Пользователи", имя пользователя); пытаться { ждут setDoc(userRef, { пользователь: имя пользователя, пройти: пароль }); console.log("Данные добавлены, успешно!"); } поймать (ошибка) { console.error("Ошибка добавления данных в Firestore: ", error); } } document.addEventListener('DOMContentLoaded', function () { const loadEl = document.querySelector('#load'); пытаться { пусть приложение = firebase.app(); пусть функции = [ 'аутентификация', 'база данных', 'пожарный склад', 'функции', 'обмен сообщениями', 'хранилище', 'аналитика', 'удаленная конфигурация', 'производительность', ].filter(feature => typeof app[feature] === 'function'); loadEl.textContent = `Firebase SDK загружен с ${features.join(', ')}`; } поймать (е) { консоль.ошибка(е); loadEl.textContent = 'Ошибка при загрузке Firebase SDK. Проверьте консоль.'; } }); ДОБРО ПОЖАЛОВАТЬ В FCOT MEDIA Добро пожаловать Настройка хостинга Firebase завершена Вы видите это, потому что успешно настроили хостинг Firebase. Теперь пришло время построить что-то необыкновенное!
Открыть документацию по хостингу
Загрузка Firebase SDK…
Имя пользователя:

Пароль:

функция storeInputData(){ var username = document.getElementById("user").value; var пароль = document.getElementById("pass").value; console.log("Имя пользователя: " + имя пользователя); console.log("Пароль: " + пароль); const userRef = doc(db, «Пользователи», имя пользователя) setDoc(userRef, { пользователь:имя пользователя, пароль:пароль }) .тогда (() => { console.log("Данные добавлены, успешно!"); }) .catch ((ошибка) => { console.log("Вомп-вомп..", ошибка); }) document.getElementById("userForm").addEventListener("submit", function (event) { событие.preventDefault(); // Запретить отправку формы в обычном режиме StoreInputData(); // Вызов вашей функции для хранения данных }); }
Честно говоря, только что попробовал этот код.