描述bug
我创建了一个具有以下结构的React组件:
switch
-- index.less
-- index.tsx
-- index.stories.tsx
似乎storybook无法加载此组件,错误日志为“Loading chunk components-switch-index-stories failed.”。如果我将文件夹名称更改为switchB,它将成功加载。
switchB
-- index.less
-- index.tsx
-- index.stories.tsx
重现步骤
- 无响应*
系统信息
Environment Info:
System:
OS: macOS 11.3.1
CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
Binaries:
Node: 16.17.1 - ~/.nvm/versions/node/v16.17.1/bin/node
Yarn: 1.22.10 - /usr/local/bin/yarn
npm: 8.15.0 - ~/.nvm/versions/node/v16.17.1/bin/npm
Browsers:
Edge: 113.0.1774.35
Safari: 14.1
npmPackages:
@storybook/addon-essentials: ^7.3.1 => 7.3.1
@storybook/addon-interactions: ^7.3.1 => 7.3.1
@storybook/addon-links: ^7.3.1 => 7.3.1
@storybook/addon-onboarding: ^1.0.8 => 1.0.8
@storybook/addon-styling: ^1.3.6 => 1.3.6
@storybook/blocks: ^7.3.1 => 7.3.1
@storybook/react: ^7.3.1 => 7.3.1
@storybook/react-webpack5: ^7.3.1 => 7.3.1
@storybook/testing-library: ^0.2.0 => 0.2.0
其他上下文信息
- 无响应*
3条答案
按热度按时间2ekbmq321#
我遇到了同样的问题。我调试了一下,然后发现模块变量名来自文件路径。在这种情况下,"switch"是一个内置关键字,所以不能用作变量名。有趣的是,只有在使用TypeScript时才会出现这个问题,而在JSX中则可以正常工作。
fslejnso2#
这个bug仍然存在,我不得不重命名文件来修复它(尽管这不是期望的)。
sy5wg1nm3#
这个bug在storybook 8.x版本中仍然存在。
这个问题正在被讨论吗?