关于storybook的argsTypes

Question

老师我的这个argsTypes没有自动获取到，它获取的是button组件的defaultProps属性的默认值和你给的默认值的属性。我现在唯一能做的是在storier中手动写argsTypes类型一个一个写，但是太麻烦了，请老师帮忙解惑。

button.tsx

button.storier.tsx

我的node版本为：18.19.0
仓库地址：https://github.com/xing-6464/star-ui

Answer 1

张轩 2024-07-23 07:52:28

中间的一个问题，启动的时候会遇到

TypeError: Cannot read properties of undefined (reading 'createSnapshot')

是 webpack-html-plugin 的问题，安装新版就可以了

npm i --save-dev html-webpack-plugin@5.6.0

安装完毕以后就可以启动了。

Answer 2

张轩 2024-07-23 07:47:29

同学你好

我用你的 star-ui-react 成功安装并且跑起来了啊，用的也是 node16.20.2 你遇到的是什么问题，我成功的请看截图：

Answer 3

张轩 2024-07-17 10:22:48

同学你好

又是新版的问题～ 我找了一圈文档，结果发现是它对于复杂类型，比如交叉类型和联合类型支持不够，会自动无法识别。

const Button: FC<BaseButtonProps>

换成这个就会发现都自动出现了，但是旧版我写的时候又是可以的，所以就很奇怪，这个我继续研究一下吧，建议可以用旧版，感觉新版也没啥特别的改进。

• 提问者 星光荡开宇宙 #1

  旧版本怎么安装呀，我init都是新版本，之前写的安装依赖一直失败不知道什么原因，我node版本也降到之前的16就是安装依赖失败，项目启动不了，老师你帮我看看

• 提问者 星光荡开宇宙 #2

  这是我之前写好的，老师你帮我跑起来一下，安装依赖失败的问题之前node版本为16，项目地址：https://github.com/xing-6464/star-ui-react。这样我就不用重新写了

• 张轩 回复 提问者 星光荡开宇宙 #3

  同学你好 我昨天试了一下 确实有安装失败 没找到解决方案 我周末再帮你看一下哈

点开查看后面2条评论