- storybook 3 + babel 7 导致出错
- Can’t resolve xxxx
- @myc/components Not Found
- 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
- Invariant Violation: findComponentRoot(…): Unable to find element.
- Warning:
defaultValue
is invalid forgetFieldDecorator
will setvalue
, please useoption.initialValue
instead. - react-styleguidist 版本 与 eslint 同时升级以后导致文档demo import 新特性无法使用
- gulp less() 转换报错
- ">
- less 变量会导致样式难以定位的问题
- styleguid 打包后无报错,mac上没有问题,但是windows导致左侧锚点点击只能点击一次,无法点击第二次,包裹层被挤到z-index上层,导致无法继续点击链接跳转
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 文件