storybook [Bug]: 使用'switch'加载组件失败

sg3maiej  于 3个月前  发布在  其他
关注(0)|答案(3)|浏览(41)

描述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

其他上下文信息

  • 无响应*
2ekbmq32

2ekbmq321#

我遇到了同样的问题。我调试了一下,然后发现模块变量名来自文件路径。在这种情况下,"switch"是一个内置关键字,所以不能用作变量名。有趣的是,只有在使用TypeScript时才会出现这个问题,而在JSX中则可以正常工作。

fslejnso

fslejnso2#

这个bug仍然存在,我不得不重命名文件来修复它(尽管这不是期望的)。

sy5wg1nm

sy5wg1nm3#

这个bug在storybook 8.x版本中仍然存在。
这个问题正在被讨论吗?

相关问题