его бросает:
Код: Выделить всё
...
Unable to index ./src/components/Button/stories/index.story.js:
Error: Invariant failed: No matching indexer found for /Users/me/my-project/src/components/Button/stories/index.story.js
...
< /code>
main.js
const config = {
stories: [ "../src/**/stories/index.story.@(js|jsx)" ],
addons: [
"@storybook/addon-docs",
"@storybook/addon-webpack5-compiler-babel"
],
framework: {
name: "@storybook/react-webpack5",
options: {
fsCache: true,
lazyCompilation: true,
},
},
};
export default config;
< /code>
and my story file is
import React, { lazy } from 'react';
import { fn } from 'storybook/test';
import Button from '..';
const InnerComponent = lazy(() => new Promise((resolve) => {
setTimeout(() => resolve(import('./mockComponent')), 1000);
}));
const Loader = () => Loading...;
export default {
title: 'Button',
component: Button,
tags: ['autodocs'],
args: {
Loader,
Component: InnerComponent,
},
};
< /code>
Am I missing something?
Подробнее здесь: https://stackoverflow.com/questions/796 ... e-to-index