Производственная сборка Vite: CSS/JS не загружается ⇐ CSS

[Anonymous]

У меня возникли проблемы с моим проектом HTML, CSS и JavaScript с использованием Vite. Я создаю веб-сайт с рецептами с помощью MealDBAPI. Проект работает локально, но когда я собираю его для производства с помощью npm run build и предварительного просмотра, файлы CSS и JS не загружаются, и я не могу понять, почему. Я перепробовал множество решений, но пока ничего не помогло.
После того, как я закончил сайт, я решил создать его для производства, CSS и JS больше не работают.
Вот что я сделал:

• Переместил все исходные файлы (HTML, CSS, JS) из общедоступного каталога в src. каталог.
• Обновлены все пути в файлах CSS и JS, а также пути к изображениям с относительных до корневых путей.
• Я пытался создайте консольное сообщение, чтобы проверить, работает ли API (mealDBAPI), но работает ли он нормально.

Исходный код можно найти на GitHub: https:// github.com/jfmartinz/FindRecipe
Это ошибка, которую я получаю (но я не знаю, связано ли это с проблемой, с которой я столкнулся):
ошибка

Код: Выделить всё

Я проверил идентификатор контейнера рецептов, и он существует в displayRecipe.html, где я хочу отобразить все рецепты, но все равно получаю эту ошибку. Хотя я не уверен, является ли эта ошибка причиной того, что не работает файл meDBAPI.js.
Я застрял в этой проблеме несколько дней и был бы очень признателен за любую помощь, чтобы этот проект заработал. . Огромное спасибо!
P.S. Кстати, я использовал Netlify для его развертывания, вот ссылка: https://findrecipe300.netlify.app/
Проблема с демонстрацией видео: https://www.loom.com/share/3610279830ce ... ca6c304d1f

Подробнее здесь: https://stackoverflow.com/questions/785 ... ot-loading