Storybook新添加component后无法运行

来源:15-1 课程总结

ywzheng

2020-05-06

老师你好,

我已经完成全部课程并且发布到了npm。我现在想自己继续添加新的component,但是storybook遇到了syntax问题。下面是我的component的截图:
图片描述
我尝试过以下方法:

  1. 把泛形和props删除,storybook就可以运行了
  2. 不删除泛形和props,storybook无法运行,但是我放到index.tsx里跑localhost是可以的

storybook给的错误提示是:

ERROR in ./src/components/Switch/switch.tsx
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/yunwenzheng/repo/cereal-ui/src/components/Switch/switch.tsx: Unexpected token, expected "(" (30:10)

  28 | catch (__react_docgen_typescript_loader_error) { }try {
  29 |     // @ts-ignore
> 30 |     switch.displayName = "switch";
     |           ^
  31 |     // @ts-ignore
  32 |     switch.__docgenInfo = { "description": "", "displayName": "switch", "props": { "checked": { "defaultValue": null, "description": "", "name": "checked", "required": false, "type": { "name": "boolean" } }, "disabled": { "defaultValue": null, "description": "", "name": "disabled", "required": false, "type": { "name": "boolean" } }, "size": { "defaultValue": null, "description": "", "name": "size", "required": false, "type": { "name": "enum", "value": [{ "value": "\"lg\"" }, { "value": "\"sm\"" }] } } } };
写回答

1回答

张轩

2020-05-07

同学你好 单看你这个组件和其他也没有差别 我在本地也没有遇到这个问题 能否请你提供 storybook 里面 这个 switch  stories 的写法?

0
3
张轩
回复
ywzheng
好的 谢谢你的踩坑 这次我也了解啦 哈哈
2020-05-08
共3条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2122 学习 · 959 问题

查看课程