坑及报错

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 新特性无法使用

降级后得到解决

gulp less() 转换报错

添加 javascriptEnabled: true 属性

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

最好有 source-map 文件

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