Использование изображения внутри строки шаблона в сборнике рассказов

Question

Я пытаюсь использовать изображение внутри рассказа.В исходном приложении в него динамически вставлено изображение, и мне нужно воспроизвести его в сборнике рассказов.

Мне удалось загрузить изображение в сборник рассказов с помощью требуемого (импортировать только ошибки), однако я не могу понять, какзатем добавьте его в строку шаблона.

Может кто-нибудь помочь?

Вот что у меня есть:

var imageFile = require('./static/defaultfeeditem.jpg');
const image = {
  src: imageFile,
  alt: 'my image',
};


.add('Individual item', () => (
{
  template:
    `
    <!-- *ngFor="let recipe of recipes" no longer used since component was introduced.-->
    <ion-card class="ion-no-margin feedCard">
      <!-- loop though all recipies in recipies.page.ts module.-->
      <ion-img class="feedCard__img" [src]=imageFile"></ion-img><!-- [isPropertybinding] in this context-->
      <div class="feedCard__img--circles">
        <ion-icon name="radio-button-off"></ion-icon>
        <ion-icon name="radio-button-off"></ion-icon>
        <ion-icon name="radio-button-off"></ion-icon>
      </div>
    </ion-card>
    <div class="feedCard__label">
      <ion-label> {{ feedItem.title }} </ion-label>
      <!-- string interprelation -->
      <ion-label><strong> {{ feedItem.distance }}km </strong></ion-label> <!-- string interprelation -->
    </div>
    `,
      props: {
      },
    }))