Почему не видит картинку в компоненте React?

Question

[Nikita Shchypylov]

И так, такая структура :

-public
--index.html
-src
--components
---myComp.js
--files
---n-logo.js

Вот как я пишу в myComp.js :
<img src="../files/n-logo.svg" alt=""/>
но картинку не находит. Пробовал еще так :
<img src="/src/files/n-logo.svg" alt=""/> - абсолютный путь, тоже нет
В чем может быть проблема?

Answer 1

[Vit]

Вы должны не путь в файловой системе указывать, а URL относительно папки, которая у вас webroot. Вангую, что это public. Т.е. вам надо чтобы картинка лежала в public и указывать URL туда.

Comments

[Nikita Shchypylov]

Как неудобно... Сейчас попробую

[Nikita Shchypylov]

Таки да!
И так со всем картинками?

[EvgeniySa]

помогло!

Answer 2

[NarozhnovR]

Возможно, необходимо сначала импортировать изображение:
import img from '../files/n-logo.svg';
А далее уже работать с импортом:
img src={img} alt=""

Comments

[NikolenkoTE]

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

Answer 3

[Роман Александрович]

У меня в проекте все файлы лежат в public и я указываю путь к файлам './files'