Изображения, не отображаемые в эмуляторе или мобильном устройстве в React

#android #reactjs #ionic-framework

Вопрос:

Дело в том, что изображения не отображаются для некоторых книг при использовании эмулятора Android Studio или после создания apk и использования моего телефона.

Именно так это выглядит перед созданием apk или использованием эмулятора Android Studio.

Приложение, запущенное в браузере

И вот как это выглядит в эмуляторе (или мобильном устройстве):

Приложение, запущенное в эмуляторе

Это компонент моего списка книг:

 const BooksList = ({ title, data }) => {return (
<IonContent>
  <IonList>
    <IonListHeader>{title}</IonListHeader>
    {data.map((item, index) => {
      return (
        <IonItemSliding key={index}>
          <IonItem>
            <IonThumbnail slot="start">
              <img src={item.thumbnail}/>
            </IonThumbnail>
            <IonLabel>
              <h2>{item.title}</h2>
              <h3>{item.author}</h3>
              <p>{item.publisher}</p>
              <p>{item.publisher_date}</p>
            </IonLabel>
            <IonButton>View</IonButton>
          </IonItem>
          <IonItemOptions side="end">
            <IonItemOption color="warning" onClick={() => {}}>
              <IonIcon
                color="light"
                icon={starSharp}
                slot="icon-only"
              ></IonIcon>
            </IonItemOption>
          </IonItemOptions>
        </IonItemSliding>
      );
    })}
  </IonList>
</IonContent>);};
 

Помогите, пожалуйста!