В билд реакта не попали все фотографии

У меня есть проект, в котором есть множество фотографий. Все фото лежат в папке 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 шт):

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

Ответ

Ссылаясь на файлы, вы забываете указывать их в корректном регистре. Итак как вся часть URL строки, кроме домена является чувствительной к регистру вы просто ссылаетесь на файлы которые не существуют.

Пример

Вот один из примеров из вашего кода.

У вас есть следующая строка:

<img class="Story_ship__tsZlk" src="images/ship.png" alt="ship">

А в папке public/images/ есть только такой файл SHIP.png.

→ Ссылка