storybook [Bug]:子组件获取类型错误

u3r8eeie  于 8个月前  发布在  其他
关注(0)|答案(1)|浏览(87)

描述bug

请查看复现。简而言之,在使用子组件时,我遇到了这个错误:

  1. src/stories/Header.stories.ts:11:5 - error TS2322: Type '({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element' is not assignable
  2. to type 'ComponentType<unknown>'.
  3. Type '({ primary, size, backgroundColor, label, ...props }: ButtonProps) => JSX.Element' is not assignable to type 'FunctionComponent<unknown>'.
  4. Types of parameters '__0' and 'props' are incompatible.
  5. Type 'unknown' is not assignable to type 'ButtonProps'.

复现链接

https://github.com/c-vetter/repro_storybook_subcomponents-type-error

复现步骤

  1. npx storybook init
  2. 将子组件添加到故事中
  3. 糟糕!出错

系统

  1. Storybook Environment Info:
  2. System:
  3. OS: Windows 10 10.0.19045
  4. CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
  5. Binaries:
  6. Node: 20.12.2 - ~\scoop\apps\nvm\current\nodejs\nodejs\node.EXE
  7. Yarn: 1.22.22 - ~\scoop\apps\yarn\current\bin\yarn.CMD
  8. npm: 10.5.0 - ~\scoop\apps\nvm\current\nodejs\nodejs\npm.CMD <----- active
  9. pnpm: 8.15.4 - ~\scoop\apps\nvm\current\nodejs\nodejs\pnpm.CMD
  10. Browsers:
  11. Edge: Chromium (123.0.2420.97)
  12. npmPackages:
  13. @storybook/addon-essentials: ^8.1.5 => 8.1.5
  14. @storybook/addon-interactions: ^8.1.5 => 8.1.5
  15. @storybook/addon-links: ^8.1.5 => 8.1.5
  16. @storybook/addon-onboarding: ^8.1.5 => 8.1.5
  17. @storybook/blocks: ^8.1.5 => 8.1.5
  18. @storybook/react: ^8.1.5 => 8.1.5
  19. @storybook/react-vite: ^8.1.5 => 8.1.5
  20. @storybook/test: ^8.1.5 => 8.1.5
  21. eslint-plugin-storybook: ^0.8.0 => 0.8.0
  22. storybook: ^8.1.5 => 8.1.5

额外的上下文

寻找解决方案时,我发现了 #21253
通过更新那个的复现,我终于让它正常工作了: https://github.com/c-vetter/repro_storybook_subcomponents-type-error/tree/alt/21253
我不确定相关的区别是什么,如果有任何发现,会在这里更新。

rkttyhzu

rkttyhzu1#

关于这个有什么更新吗?

相关问题