git push heroku master: не удается найти файл

Question

Я создаю приложение React и загружаю изображения следующим образом:

Состояние приложения содержит такие продукты, как

{
      title: "Sound",
      image: "microphone.jpg",
      subtitle: "This is a subtitle",
},

, которые я использую для доступа к изображениям, всепуть из корневого каталога

let display = this.props.products[this.props.contentIdToDisplay];
<img src={require('/home/username/Documents/Coding/Heroku/crusade-1/src/assets/images/'+display.image)} className="product-image"/>

По какой-то причине Heroku не может скомпилировать сборку и выдает следующее сообщение об ошибке:

remote: Failed to compile.
remote: 
remote: ./src/components/Carousel.js
remote: Cannot find file '/home/username/Documents/Coding/Heroku/crusade-1/src/assets/images' in './src/components'.

Ресурсы / изображения существуют и содержат всеизображений проекта и этот код отлично работает в разработке.Как я могу заставить Heroku распознавать и компилировать изображения?

Answer 1

'/ home / username / Documents / Coding / Heroku / crusade-1 / src / assets / images /' - это ссылка на файловую систему на вашем персональном компьютере.

Вы должны ссылаться на файл относительнок вашему проекту.

Скажите, что у вас есть такой проект

index.js
|_images // folder containing your images
|_react // folder containing your react components

Ваш img-тег может выглядеть примерно так

let display = this.props.products[this.props.contentIdToDisplay];
<img src={`/images/${display.image}`} className="product-image"/>