Изображения не загружаются из файла .json для React Js

Question

ребята, я довольно новичок в React Js, однако я работаю с кодом, который был отправлен, и мне нужно отредактировать некоторые изображения.Итак, я знаю основы изменения, стиля и просто общего редактирования в React js, не так уж сложно.Но я новичок, когда дело доходит до сообщений об ошибках или ошибок, которые я не вижу.

"dogs":{
    "text": "This is text",
    "src" : "img/dog.png"
}

Вызов его в моем app.js с использованием:

let {text, src} = config.sections.information[title];
              return (
                <ImageSplit key={k} title={title} direction={dir} text={text} src={src} />)

Итак, как вы можете видеть в приведенном выше фрагменте кода, я использую файл .json для текста и изображения.Тем не менее, изображения не появляются вообще, и в консоли я получаю сообщение об ошибке:

Failed to load resource: the server responded with a status of 404 (Not Found)

Я искал в Интернете решение с использованием WebPack, и он хочет, чтобы я использовал require() однако, я получаю сообщение об ошибке «не найден модуль с именем изображения»

Answer 1

Решение:

Файл изображения должен относиться к файлу .json, а не к app.js. Ход новичка.

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

Итак, я обнаружил, что проблема, с которой я столкнулся, заключалась в том, что мое git-репо не обновлялось, поэтому живая версия приложения работала нормально с изображениями, а на стороне клиента - нет. Pulling также ничего не сделал, поэтому я переустановил WebPack, сбросил файл .json и удостоверился, что изображения относились к файлу .json, а не к app.js. Новичок двигается с моей стороны. Спасибо всем, кто ответил и попытался помочь.