storybook 3 + babel 7 导致出错

storybook 3 默认使用的是 babel 6
如果你出现了这个问题,你可以求助于 babel-core@7.0.0-bridge.0,这个库可以做桥接工作

Can’t resolve xxxx

这个问题往往是模块解析问题,但是可能原因不少,你可以考虑的几个点有:

  • babel 的模块配置

  • webpack 配置(比如 resolve.modules 这些配置)

  • tsconfig.json(如果你用了 ts 的话也请看一下 ts 的模块配置)

  • 内置模块重复安装,模块版本不一致,将pkg中的依赖模块删除,然后删除整个node_modules重新安装

  • 路径问题

@myc/components Not Found

如果你用 yarn 直接在 storybook 目录下企图安装新依赖会失败
因为这个包是我们本地正在开发的,不在 npm 上,你应该使用 lerna 的 bootstrap 命令来安装依赖
(lerna 实际上是以链接的形式安装的)

Failed propType: Invalid prop AAA of type BBB supplied to CCC, expected DDD. Check the render method of EEE.

请确保你传递给组件的参数类型正确。

Unknown option: xxx/package.json.presets

这里有一篇来自 Stack Overflow 的回答可以参考。

Invariant Violation: findComponentRoot(…): Unable to find element.

你或许引入了 React 两次。如果你使用 webpack,请将 React & ReactDOM 设置为 external。如果你使用其他工具(browserify 等),请阅读它们的文档并将 React & ReactDOM 设置为 external。

Warning: defaultValue is invalid for getFieldDecorator will set value, please use option.initialValue instead.

解决方案:外加加一个div
antd中setFieldsValue和defaultVal

react-styleguidist 版本 与 eslint 同时升级以后导致文档demo import 新特性无法使用

坑及报错 - 图2
降级后得到解决
坑及报错 - 图3

gulp less() 转换报错

坑及报错 - 图4

添加 javascriptEnabled: true 属性

less 变量会导致样式难以定位的问题

最好有 source-map 文件

styleguid 打包后无报错,mac上没有问题,但是windows导致左侧锚点点击只能点击一次,无法点击第二次,包裹层被挤到z-index上层,导致无法继续点击链接跳转