В билд реакта не попали все фотографии
У меня есть проект, в котором есть множество фотографий. Все фото лежат в папке public/images. Большинство фотографий отображаются нормально, но некоторые даже не попадают в билд проекта. Ниже пример части компонента в котором есть проблема
<div className={styles.containerImage}>
<img className={styles.image} src="/images/LotImage.png" alt="person" />
</div>
<div className={styles.containerImage}>
<img
className={styles.image}
src="/images/PersonBack.png"
alt="person"
/>
</div>
Первая фотография не отображается, а вторая работает, хотя когда запускаешь localhost, всё работает ок. Почему такое может происходить?
Проект я размещал на vercel
Ответы (1 шт):
Ответ
Ссылаясь на файлы, вы забываете указывать их в корректном регистре. Итак как вся часть URL строки, кроме домена является чувствительной к регистру вы просто ссылаетесь на файлы которые не существуют.
Пример
Вот один из примеров из вашего кода.
У вас есть следующая строка:
<img class="Story_ship__tsZlk" src="images/ship.png" alt="ship">
А в папке public/images/ есть только такой файл SHIP.png.