Как правильно указать путь до картинки?

Question

[Дмитрий Руденко]

Подскажите, пожалуйста, перебрасываю обычную верстку на реакт ( учусь, делаю первый раз ).
Нужно поставить пути для картинок и видео
Через '../../assets/img/img.png' это не работает, как мне сделать это проще?
Помню в каком-то видео видел как человек через константу это делал какую-то, но видео к сожалению найти не смог.
Можно как-то сделать чтобы это было через какую-то константу?
Проект сделал через create-react-app

Answer 1

[Kentavr16]

импортируй картинку в самом начале страницы так:

import image from "./путь к картинке"

Comments

[Дмитрий Руденко]

У меня компонент находится по такому пути
components>component
А картинка
assets/img/logo
Мне чтобы дойти до картинки нужно сделать так:
../../assets/img/logo
Но он пишет что такая картинка не найдена

[Kentavr16]

проверяй путь к файлу, название/расширение. Импорт работает, это обычная практика в реакте

[Дмитрий Руденко]

Kentavr16, Вы реально думаете что я пути элементарное указать не могу?

[Дмитрий Руденко]

Kentavr16,

Module not found: Error: You attempted to import ../../../public/header/logo.svg which falls outside of the project src/ directory. Relative imports outside of src/ are not supported.
You can either move it inside src/, or add a symlink to it from project's node_modules/.

Вот такая ошибка

[Kentavr16]

черным по белому - помести директорию с ресурсами в папку src. иначе импорт не работает.

[Kentavr16]

в родную src папку реакта, конечно

[Дмитрий Руденко]

Kentavr16, У меня assets в папке src и лежит.
Я от компонента Header спускаюсь вниз, захожу в ассетс и беру оттуда картинку, но он почему-то думает что я ухожу куда-то дальше

[Kentavr16]

Дмитрий Руденко, а реакт говорит что импортируешь из папки public/header. а не src/header к примеру

[Дмитрий Руденко]

Kentavr16, Не знаю в чем проблема была, сейчас все работает
На крайний случай еще помог такой метод:
require('path').default

[Kentavr16]

Дмитрий Руденко, ну ихорошо что работает. Только теперь ничего не трогай)