Сборник рассказов не будет загружать простой компонент

Question

Я пытался запустить простой пример Storybook с основного сайта, используя Svelte. К сожалению, когда я пытаюсь запустить сборник рассказов, он просто выдает мне следующую ошибку:

Код, который у меня есть для Сборника рассказов, преднамеренно очень прост:

import { MyButton } from './MyButton.svelte'

export default { title: 'Button' };

export const primary = () => ({
  Component: MyButton,
  data: { },
});

И кнопка представляет собой одну строку:

<button>Hello</button>

Я не уверен, что здесь может пойти не так, как кажется, что экземпляр Storybook ожидая возврата компонента (что история уже делает). Любая помощь будет принята с благодарностью!

Answer 1

Я решил это, опубликовав здесь ответ для всех, кто может столкнуться с такой же проблемой в будущем.

Проблема заключается в импорте компонента Button. Поскольку Svelte не выполняет раздельный экспорт одного файла (он экспортирует все по умолчанию), мне также нужно было определить импорт по умолчанию.

Поэтому вместо этого:

import { Button } from './Button.svelte';

Я должен сделать это:

import Button from './Button.svelte';

Снятие скобок взрыва объекта из импорта.