Я создал веб-сайт с помощью React и Vite. На моей локальной машине все работает как положено. Но после развертывания на страницах GitHub изображения не загружались. Все остальное работало нормально. Изображения на веб-сайте передаются в качестве реквизита, как вы можете видеть на изображении ниже. Вот фрагменты кода, репозиторий GitHub и обнаруженная ошибка.
/* eslint-disable response/prop-types */ импортировать местоположение из "../assets/location.svg" импортировать карту из "../assets/map.svg" функция экспорта по умолчанию Card(props) { возвращаться(
{props.title}
{props.loc}
• Посмотреть на Картах Google < img src={map} alt="" />
Расходы: {props.exp}
Языки: {props.lang
{props.desc
)
Сообщение об ошибке:
Не удалось загрузить ресурс: сервер ответил со статусом 404 () eiffel.jpg:1
Ссылка на репозиторий GitHub
Я прочитал несколько сообщений об этой проблеме, и большинство из них предлагали мне переместить изображения из src/assets (в котором они ранее находились) в папку public, которая Я уже это сделал и исправил файл компонента, включив в него новое имя каталога. Но даже после этого проблема остается.
Я недавно начал изучать React, и буду рад любой помощи.