Почему изображения не отображаются на веб-сайте React, развернутом с помощью страниц GitHub?Javascript

Форум по Javascript
Ответить Пред. темаСлед. тема
Гость
 Почему изображения не отображаются на веб-сайте React, развернутом с помощью страниц GitHub?

Сообщение Гость »


Я создал веб-сайт с помощью 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, и буду рад любой помощи.
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

Вернуться в «Javascript»