问题标签 [react-styleguidist]

我正在尝试使用react-styleguidist库创建项目文档。但是，我有一个问题。好吧，在项目中，我确实将单位 rem 重置为使用 10px 的倍数，而不是 16px。

一切都很好，但我是在应用程序样式的基础上做到的。Stylegudist 没有看到它。如何将这样一行添加到 docs 库？

html {font-size: 62.5%; / * Now 10px = 1rem! * /}

或者换个方式。我不想将 rem 重置为我的每个组件样式。

干杯，丹尼尔

全部。

我刚开始使用 react-styleguidist 并且喜欢它的易用性。但是，我想在文档中添加动态示例。即文档查看者可以通过按钮、事件和其他异步交互更改道具来与之交互的示例。

现在我似乎只能在降价中生成这样的文档示例

js <MyComponent propOne="something static" />

周围有没有，我希望能够同时记录和开发，而不必也使用 react-storybook。

谢谢，

有人设法用 Fela 和 Styleguidist 设置 next.js 吗？

Styleguidist 需要 Next.js webpack 配置，但是我不能像这里提到的那样链接它：https ://react-styleguidist.js.org/docs/webpack.html

我正在使用这个示例应用程序：https ://github.com/zeit/next.js/tree/canary/examples/with-fela

这是我的 styleguide.config.js 的样子：

};

该应用程序在 Next.js 服务器上完美运行，但是 Styleguidist 服务器收到以下错误消息：

错误：createComponent() 无法在上下文中没有渲染器的情况下渲染样式。应用根目录下缺少 react-fela？

可能是因为它缺少正确的应用程序根？

提前致谢。

尝试为基于反应的项目设置文档。

使用来自“create-react-app”的新“my-app”和一个非常幼稚的 *.js 文件，我得到一个错误：

有谁熟悉这个错误？

我怀疑修复与 Babel 有某种关系，但是，我无法从以前的查询中解决它。

我正在尝试将React Styleguidist添加到我的项目中，并且收到“意外令牌”编译器错误。

我正在使用Create react 应用程序来创建项目。在它不起作用后，我创建了一个新项目并在返回组件时继续收到相同的错误。

这是我创建的简单组件的代码，试图弄清楚它： import React from 'react';

根据我在https://react-styleguidist.js.org/docs/getting-started.html阅读的内容，看起来我只需要运行npm install --save-dev react-styleguidist然后npx styleguidist server

我确定我遗漏了一些东西，但找不到任何可以解释以下错误的东西。

我正在使用 React Styleguidist（8.0.6 版）来记录 React 组件。我有一个这样的目录结构：

这两个组件中的每一个都在其自己的 Styleguidist 生成的页面上正确呈现。

但是在 中Card.md，我希望我的 Card 示例之一包含一个<ActionItems/>子组件，如下所示：

我发现其他人做这样的事情的唯一例子是这个堆栈溢出帖子。

如果我将以下内容放入我的Card.md：

Styleguidist 使用SyntaxError: Expected corresponding JSX closing tag for <React.Fragment>.

根据我之前链接的堆栈溢出文章，我尝试了这个

但是 Styleguidist 然后给了我一个不同的错误：Adjacent JSX elements must be wrapped in an enclosing tag.

谁能帮我弄清楚我做错了什么？还是 Styleguidist 只是不允许你做我想做的事？

如果它是相关的，如果我将 require 路径更改为其他任何内容，例如'/www/javascript/ActionItems/ActionItems.jsStyleguidist 失败并显示以下消息

我们有 svg 图标作为组件，所以文件夹结构有点像

显然我们不希望每个图标都有一个部分，我们希望有一个单独的部分来显示所有用法。所以我创建了这样的部分：

但是文档显示 ReferenceError: Check is not defined

如果我Readme.md在每个图标文件夹下添加一个，它会起作用，但这不是我想要的。

任何想法？

我正在尝试使用 next.js 和 typescript 设置 React styleguidist，但我一直遇到问题。我当前的 styleguide.config.js 看起来像这样：

如果我只有一个非常基本的组件，只有基本的 jsx 一切正常，但是一旦我想为样式组件分配道具，打字稿就会开始抱怨。components从文件夹外部导入内容也会导致问题。也许有人可以给我举一个他们如何设置的例子吗？

我正在为我的反应应用程序使用 styleguidist，这是我的 styleguid.config.js 文件的代码：

现在我想在我的 styleguidist 服务器中显示条形码图像，该服务器在http://localhost:6060中运行。我的 styleguidist 代码 readme.md

但是每当我尝试显示图像时，我的服务器都会出现以下错误：

请点击查看错误控制台

在 md 文件中，我不希望 react-styleguidist 运行代码块。我只想展示这个代码源。但是现在它发生了错误。

我不希望代码块（const dialog = Modal.show(config);...) 与 react-styleguidist 一起运行。我只想让它运行 ModalExample 代码块。

基本用法

• 模态显示（配置）

未捕获的 ReferenceError：未定义模态