问题标签 [react-styleguidist]

我使用 react-styleguidist 和 typescript 制作了自己的风格指南。现在，在构建节点包（私有）并将其导入（npm install）到我的另一个项目（我想在其中使用我的样式指南组件）之后，我无法获得 intellij 建议工作。

我的文件夹结构是（省略了一些文件）：

我已经检查了我的项目的 node_modules 文件夹是否被标记为库根目录（它是），并且我还检查了我的包是否显示为未排除。

我自己的样式指南库工作正常，我可以使用我的组件和类型检查工作。

我一直在网上寻找如何构建/打包项目的良好指南，以便这些 IDE（建议/自动完成）功能正常工作。

当我在 intellij 中使用 ant design( https://ant.design/ ) 库并输入<Buintellij 时会建议我<Button> 使用 Material-ui 和额外的 @types/material-ui npm 包时也是如此

这也是我想用我自己的 npm 包实现的。

我不知道问题是在我的导入/导出（默认）/索引文件中还是在我的配置文件之一中（package.json、.babelrc 或 tsconfig.json、webpack.config.js）

我升级了 babel6.x → 7.x但在运行Webpack时遇到问题。

它在抱怨失踪core-js/modules/*。

我babel.config.js的在根目录下。我将以前存在的转换.babelrc为 js（.babelrc也产生了相同的错误）。我猜这是与所有核心corejs2、运行时内容的一些冲突。

我的 src 中有两个应用程序，我的和 Styleguidist（在 中./node_modules）。我的应用程序转换并使用这些相同的package.json/babel.config，但 Styleguidist 没有。

使用 webpack 运行 Styleguidist 时的错误：

/node_modules/react-styleguidist/lib/client/rsg-components/Slot.js：

包.json

babel.config.js

我正在使用 react、styleguidist 和 redux。我正在尝试根据 redux 商店状态记录不同的应用程序状态，但 .md 文件创建的游乐场仅使用一个商店。.md 文件如下所示：

在同一个 .md 文件中还有另一个 .js 块，例如 [here]:( https://react-styleguidist.js.org/docs/documenting.html#usage-examples-and-readme-files）块是：

任何帮助将不胜感激。

我正在使用常规的 react styleguidist 并尝试将其与 ant design 一起使用。但是这些组件看起来并不像他们应该的那样。我也在项目中安装了antd。

项目截图

我真的不知道可能是什么错误？

我写了一个网站，你可以在这里看到：https ://konekto.world/

入职后，您会注意到几乎白色外框的大小在每个屏幕上都不同（尤其是在https://konekto.world/emergency_details上）。我想为盒子设置一个固定的高度（我什至可能想让它取决于屏幕尺寸）。你能帮我在我的代码中的什么地方以及如何使代码的大小相同。到目前为止我所做的具有以下效果：https ://konekto-k8x5umx6o.now.sh

紧急详情/index.js

我有条件地渲染 FormPersonType、FormEmergencyType 和 Textbox，但它们不包含任何样式。

谢谢您的帮助！

我需要在 readme.md 文件中显示反应组件，但它需要具有字符串数组的道具。为 .md 文件中定义的组件传递道具的正确方法是什么？

我试图参考文档中的示例，但在输出中出现错误。

下面是我在组件中传递的数据。

常量数据 = {dropdownvalues: [{label: '10',value: '10'}]};

我需要将它们传递给文档中的组件。

如何在 .md 文件中定义数据。

我正在使用 Styleguidist 神奇地记录我的 React 组件，这很棒。我有几个非组件实用程序库，我使用 JSDoc 编写文档，目前我将它们的文档编译为 markdown（使用jsdoc2md）并告诉 Styleguidist 将该 markdown 文档作为额外文档包含在内。

我添加了一个构建markdown然后运行Styleguidist的npm脚本，这工作正常，但是当我更新一个库时，我必须停止Styleguidist，重新运行脚本，然后再次启动Styleguidist。

监视模式下的 Styleguidist 在检测到文件更改时已经重新构建其文档；是否有某种方法可以配置 Styleguidist 以在每次重新生成之前运行我的降价创建脚本？

我正在使用vuejs2和vue-class-component包制作类组件并使用vue-styleguidist进行文档的项目。

对于某种情况，我必须创建一个 Mixin，这是通过扩展组件类来完成的（如此处的vue-class-component文档中所述），但不幸的是，mixin 的方法和属性似乎没有显示在自动生成的通过vue-cli-plugin-styleguidist包的vue-styleguidist的props/methods 表。有什么办法吗？

我正在使用以下版本：

这是我使用的相同结构的代码示例：

这在生成文档时仅返回表componentValue和componentMethod中的显示，并且根本不显示 mixin 部分。

无论我在做什么，我都无法为使用 JSDoc 的组件生成文档。

例如

以下代码：

应该告诉我：

要查看道具，我必须使用 propTypes

那么，如何react-styleguidist使用 JSdoc（甚至是某种打字稿）。

一个工作示例将不胜感激。

我试图从 Create React App 3 (CRA)、Typescript、Material UI 和 styled-components 设置 react-styleguidist (RSG)。我被困在这个错误上：

我按照文档设置了 MUI 主题和样式组件的包装器：
https ://react-styleguidist.js.org/docs/thirdparties.html#styled-components

/styleguidist/MuiThemeWrapper.tsx

我的 styleguidist 配置：

/styleguidist.config.js

我的 tsconfig 遵循标准 CRA / MUI 建议
https://material-ui.com/guides/typescript/

tsconfig.json

我没有自定义 webpack/babel 配置设置，因为我不知道如何并且不会弄乱 TS 转译。也许这是为了让 RSG 工作而缺少的东西......？还是 rsg-components/ReactExample/ReactExample.js 的错误是一个错误？