Не работает 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 шт):

Автор решения: DaunPony

Решение: добавление папки images в общую папку public. При таком решении стоит задать в src относительный путь:

 <img src="/images/Skill_Strength.png" alt="none" />

Данное решение работает при использовании create-react-app для сборки проекта.

→ Ссылка