问题标签 [react-styleguidist]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
32 浏览

react-styleguidist - 将 ExtendedPropTypes 与 styleguidelist 一起使用

我无法将ExtendedPropTypesstyleguidelist一起使用

出错

./app/components/Common/Error/ErrorBoundary.js Module not found: Can't resolve 'extended-proptypes' in '/app/components/Common/Error'

0 投票
2 回答
272 浏览

reactjs - 导出 react-styleguidist 文档

我正在使用 react-styleguidist 导出到文档的简单注释。有npx styleguidist server哪个在服务器上运行它并npx styleguidist build生成一个捆绑文件。

有什么办法可以导出这个文档。例如,我可以发送给某人的 pdf 或其他格式?

0 投票
1 回答
329 浏览

react-styleguidist - 如何覆盖 React Styleguidist 侧边栏的 z-index

我有一个组件,它的 z-index 设置为更大的值。即使当我从左向右滚动时它设置为 1,组件也会加载到 react-styleguidist 侧边栏上。我找不到任何有关通过 styleguide.config.js 覆盖 z-index 的文档。

0 投票
1 回答
844 浏览

react-native - 在反应原生应用程序中使用 styleguidist

我正在尝试在反应本机应用程序中使用 styleguidist;

我遇到了这个链接并在我的应用程序中实现了完全相同的设置:

https://github.com/styleguidist/react-styleguidist/tree/master/examples/react-native

运行 npx styleguidist build 后,我得到了以下输出:

FAIL 无法从 UglifyJs 编译 build/bundle.f44bbfd4.js 意外标记 punc «:»,预期 punc «,» [build/bundle.f44bbfd4.js:372,1165]

任何想法如何解决这个问题?

提前致谢。

0 投票
0 回答
558 浏览

icons - 如何在 react-styleguidist 中加载类似 Material-ui 的图标

我正在尝试从src/components文件夹(完美运行)以及src/icons从不加载任何内容的文件夹中加载组件:

我也尝试将图标组件放在他们自己的文件夹中(就像普通组件一样),但这并没有解决它,所以问题一定是别的。

图标组件的结构与material-ui lib中的相同:

这是createSvgIcon帮手:https ://github.com/mui-org/material-ui/blob/master/packages/material-ui-icons/src/utils/createSvgIcon.js

为什么图标组件没有加载?我没有收到任何错误:/

0 投票
1 回答
864 浏览

reactjs - Rect Styleguidist:意外的令牌导入

我在 styleguide.config.js 中获取 webpack 配置时遇到问题

这是我的 styleguide.config.js:

但是当我运行 npx styleguidist server 命令时,我在控制台中收到以下错误:

意外的令牌导入

发生错误是因为它访问webpack.config.js并且没有解释文件开头的“import” 。

这是webpack.config.js的第一行

有人可以帮我弄这个吗?

我看了很多论坛,有人说你必须配置一个.babelrc但我的项目中没有那个文件。

更新

这是index.js文件

尝试通过withStyles注入样式 CSS 时发生错误

0 投票
0 回答
218 浏览

node.js - Styleguidist:编译失败

升级到最新版本的 react-styleguidist (7.2.3) 后,我在编译 js/jsx 文件时遇到了一些问题。

我得到的错误是:

还有其他人有这个问题吗?

编辑:安装正确版本的 Node 会有所帮助(8.3.0)

0 投票
1 回答
240 浏览

styled-components - 如何将 ThemeProvide 加载到 Styleguidist?

我想将我的主题从 styled-components 集成到 styleguidist。根据官方文档,我创建了 ThemeWrapper 并将其添加到配置中:

但是当我尝试构建它时,会出现下一个错误:

找不到模块:无法解析“/My/User/Folder/Desktop/trello/front-end/node_modules/react-styleguidist/lib/rsg-components/ReactExample”中的“rsg-components/Wrapper”

可能路径不正确。什么是正确的,以及如何改变它?

0 投票
1 回答
105 浏览

react-styleguidist - 在没有关联组件文件的样式指南中包含降价文件?

有没有办法在没有关联的 React 组件文件的 styleguidist 中包含 markdown 文件?

现在我正在使用虚拟组件来实现这一点,但我想知道是否有更好的方法?我还隐藏了虚拟组件的路径(通过getComponentPathLine()配置),使其看起来不像样式指南中的组件。

谢谢

0 投票
2 回答
412 浏览

react-styleguidist - 如何更改文档内容的宽度?

max-width'main' 元素的默认值是1000px,我想让它更宽。我尝试了自定义样式指令,但无法通过“styleguide.config.js”中的以下配置找到“主”元素或“rsg--content-xx”类

任何帮助将不胜感激。