Как правильно указать путь к изображению?

Question

[Иван Филипов]

Собрал проектик на реакт, заливаю на хостинг и вижу в консоли проблему, мол не найдены изображения.
Примерно такие пути в финальном js файле.

at=n.p+"../media/1.a5231f318bc852014b93.jpg",lt=n.p+"../media/2.2326af3d7a887d931cb7.jpg",it=n.p+"../media/3.5dbecf36475ae05ac1e1.jpg",ot=n.p+"../media/4.cb33a992ee5d01ddd094.jpg"

Структура такая:
-static:
--css
--js
--media
-index.html
В консоли, если открывать через браузер путь показывает такой :

<img src="/../media/1.a5231f318bc852014b93.jpg" class="SliderLine_sliderLine__img__fdDPp">

Как исправить?

Answer 1

[Михаил Р.]

1. Алиасы до папок.
2. Адрес до изображений (или чего угодно) на основе алиасов.

https://habr.com/ru/articles/738132/

Comments

[Иван Филипов]

Алиасы прописывать именно в готовом уже файле или же в импортах изображений в самом проекте и билдить по новой?

[Михаил Р.]

Иван Филипов, статью изучите. Алиасы в package.json прописывать, дальше webstorm и vscode подхватывают эти алиасы при использование в компонентах.

Разумеется билдить по новой. Собранный проект вообще лучше не изменять.

[Иван Филипов]

Михаил Р., Ну, то бишь в любом случае нужно переделывать. Понял, спасибо.

[Иван Филипов]

Михаил Р., Настроил package.json, обновил импорты и собрал по новой. Ситуация не изменилась.
К примеру url к файлу к которому есть доступ.

И url до изображения, который выдаёт ошибку.

Они разные...Во втором случае пропускается страница с репозиторием "game__store__react".Что я делаю не так?

[Михаил Р.]

Иван Филипов,

Что я делаю не так?

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

[Иван Филипов]

Извиняюсь за такой делэй между ответами. В общем, суть такая. Git Hub Pages работает не корректно. Загрузил на другой хостинг ту же директорию с файлами и такими же настройками - всё работает отлично.