Ошибка сборника рассказов Неожиданный экспорт по умолчанию без заголовка: {includeStories: [], параметры: {docs: {}}}

Я слежу за официальным Learn Storybook руководство

Я получаю сообщение об ошибке Unexpected default export without title: {"includeStories":[],"parameters":{"docs":{}}}.

У меня есть только одна история в файле CreditCard.stories.mdx в каталоге историй:

import { Meta, Story } from '@storybook/addon-docs/blocks';
import { withKnobs, select, boolean } from '@storybook/addon-knobs';

import CreditCard from '../src/CreditCard.js';
<Meta title="Design System|CreditCard" component={CreditCard} />


# Credit card

- This component must use `inputmode="numeric"` in order to bring up the correct keyboard on mobile.

config.js файл:

import { configure } from '@storybook/react';

// automatically import all files ending in *.stories.js
configure(require.context('../stories', true, /\.stories\.(js|mdx)$/), module);

файл addons.js:

import '@storybook/addon-actions/register';
import '@storybook/addon-links/register';
import '@storybook/addon-docs/register';
import '@storybook/addon-knobs/register';

presets.js файл:

module.exports = ['@storybook/addon-docs/react/preset'];

reactjs storybook
person Ollie Williams    schedule 02.11.2019    source источник

Ответы (3)


arrow_upward
2
arrow_downward

Очевидно, проблема была из-за пробелов:

Немного подробнее: прямая причина в том, что между импортом и компонентом <Meta /> нет пустой строки.

person Ollie Williams    schedule 02.11.2019
comment
Немного подробнее: прямая причина в том, что между импортом и компонентом <Meta /> нет пустой строки. - person William Park; 28.02.2020

arrow_upward
0
arrow_downward

Unexpected default export without title также может произойти, если вы делаете export default function внутри своей истории, если по какой-то причине хотите повторно использовать историю, лучше просто экспортировать ее, не делая этого с опцией default

person ncubica    schedule 17.01.2020

arrow_upward
0
arrow_downward

Вы можете решить эту проблему, добавив title в качестве образца кода

export default{
    title: 'Components/Button',

    BUTTON: {
        children: [`Button`]
    },
    ......
person Yao Li    schedule 25.01.2021