Почему путь относительно корня не работает в react компоненте?

Question

[DZHAMBUALT]

Здрасте. Возможно задаю глупый вопрос, но у меня не получается загрузить картинку в компоненте при указании пути относительно корня проекта. Что с этим делать? Пользоваться вот такими конструкциями ../../../../../img-1.jpg не слишком удобно.

import "./Content.css";

export default function Content() {
  return (
      <div className="head-block-content__gradient">
        <div className="head-block-content__gradient--img">
          <img src="/src/ASSETS/IMG/IMAGES/HEAD/gradient.png" alt="фон" />
        </div>
      </div>
  );
}

Answer 1

[Александр]

Вариант первый:
import image from 'path/to/my/image.png';
<img src={image} alt="" />

Вариант второй:
Кладете картинку (-и) в public и указываете абсолютный путь до файла.