Залил проект для тестов на github pages, открыл, отображается только 1 картинка, так же в папке build почему-то только эта 1 картинка переместилась в папку media, остальные просто в папку imgs. Локально же всё работало до замены BrowserRouter на HashRouter и непосредственно дэплоя. Даже после того, как я поменял пути всех остальных картинок на подобие той, что отображается - не помогло. Стоит учесть, что работает только фото находящееся в стилях css, остальные же находятся внутри разных компонентов.
Так выглядит файловая структура
В стилях всё работает:
background: url(/public/imgs/main-screen__bgc.jpg);
А в компоненте уже перепробовал все пути, не работает:
<div className={cl.social__container}>
<a href='https://www.youtube.com'>
<SocialItem link='/imgs/youtube_comp.svg'/>
</a>
<a href='https://www.facebook.com'>
<SocialItem link='../imgs/facebook_comp.svg'/>
</a>
<a href='https://www.instagram.com'>
<SocialItem link='../public/imgs/instagram_comp.svg'/>
</a>
</div>
<img src="/public/imgs/logo_computer.svg" alt="Logo"/>
В чём может быть причина?