Не работает src в тэге img src=... alt=... В Typescript + ReactJS
Столкнулся с проблемой, что при использовании тэга для вставки изображения в файле с расширением .tsx картинка не работает. Чтобы проверить, не дело ли в самой картинке, я попробовал инициализировать картинку через css свойство background-image: url(...) - картинка работала.
Код самого тэга:
<img src="../../../resources/images/Skill_Strength.png" alt="none" />
Что я пробовал сделать?
Я находил такой же вопрос на англоязычном stackoverflow. Сделал все по инструкции, но это не помогло.
Ресурс: https://stackoverflow.com/questions/52759220/importing-images-in-typescript-react-cannot-find-module
Одна из попыток решения:
import img from '../../../resources/images/Skill-Strength.png';
Но появлялась такая же проблема, как описано в топике англ. stackoverflow.
Ответы (1 шт):
Решение: добавление папки images в общую папку public. При таком решении стоит задать в src относительный путь:
<img src="/images/Skill_Strength.png" alt="none" />
Данное решение работает при использовании create-react-app для сборки проекта.