问题标签 [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 回答
201 浏览

react-styleguidist - Styleguidist:未找到模块错误

我试图让 Styleguidist 在现有的 React 环境中运行。

跑步时

我收到这样的错误:

在此处输入图像描述

我的 styleguide.config.js:

  1. 如何帮助 Styleguidist 解决组件内部的导入问题?
  2. 如何防止 Styleguidist 在
    node_modues 文件夹中搜索?我认为“排除:/node_modules/”已经这样做了吗?
0 投票
1 回答
280 浏览

javascript - 在 React 中结合使用 Styleguidist 和 Ant UI

我正在创建一个使用 Ant UI 作为基线的样式指南。我遇到的问题是在运行 yarn run styleguide 时启动主题配置。这是一些文档 ——https://ant.design/docs/react/use-with-create-react-app

我已将此样板文件用作模板,但他们使用的版本已弃用且较旧/不是最新的 styleguidist 文档,我想使用所有内容的最新版本 - https://github.com/newswim /styleguidist-ant-design/tree/master

我不确定如何将上面的旧版本翻译成新版本。当我运行 yarn run start 时,它使用新变量,因为 react-app-rewired 在该命令中,但我需要它与 styleguidist 一起使用最新版本的所有内容。

谢谢。

包.json

配置覆盖.js

styleguide.config.js

0 投票
2 回答
980 浏览

javascript - 如何在 React 中为 styleguidist 渲染 .md 文件中的两个组件?

我正在尝试使用自定义组件创建样式指南。我需要能够在彼此内部插入组件,但不确定如何在 .md 文件中执行此操作。我有一个列表和列表项。我想在列表中显示列表项。在 styleguidist 显示中出现此错误。这里有一些很好的例子,但没有一个能说明我想要完成的事情——https: //github.com/styleguidist/react-styleguidist/tree/master/examples/basic/src/components

SyntaxError: Unexpected token (3:0) 1: import ListItem from './ListItem' 2: 3:

列表.tsx

列表.md

列表项.tsx

0 投票
0 回答
110 浏览

react-styleguidist - 如何在查看代码块中显示外部文件

我想在我的 Styleguidists MarkDown 文档中显示另一个文件的来源。我不希望源始终在内联可见;我只想在读者点击查看代码时出现。

根据文档(https://react-styleguidist.js.org/docs/configuration.html),我已将 updateExamples 添加到我的 `styleguide.config.js

这几乎可以工作,但并不完全:

如果我包括

然后我看到完整的源代码,总是展开,而不是缩减为“查看代码”按钮。

或者,如果我包括

然后我得到了我想要的“查看代码”按钮,但在它之前尝试评估代码,所以我也得到了一个框SyntaxError: Unexpected token 'export'(以及 Chrome 控制台中的一个匹配的丑陋错误)。

如何在不评估外部文件的情况下将外部文件放入查看代码按钮?

0 投票
1 回答
1719 浏览

reactjs - 使用静态关键字的合适的 webpack 加载器是什么?

当我尝试启动我的 react-styleguidist 文档时出现以下错误:

我的webpack.config.js样子是这样的:

我的babel.config.js样子是这样的:

再生产:

static使用关键字的合适的 Webpack 加载器是什么?

0 投票
1 回答
327 浏览

react-styleguidist - React-styleguardist - 静态资产?

我想在我的文档中使用静态资产,但我得到 404

我的资产文件夹位于项目的根目录下 src/ 并称为静态

我在我的 styleguide.config.js 中的 assetsDir 中添加了这条路径

这就是我试图在 _icon.scss 中引用它的方式

我被困在里面,看不到我做错了什么。谢谢帮忙!!

0 投票
1 回答
253 浏览

javascript - react-styleguidist - 以组件作为道具的示例 - SyntaxError:无法在模块外使用导入语句

我有一个组件,其中的道具是组件。

错误

如何导入道具

0 投票
0 回答
400 浏览

vue.js - vue-styleguidist 自 V4.0.3 起无法构建文档

我正在尝试迁移到最后一个 vue-styleguidist,但由于 v4.0.0 我不能。使用 3.26.2 可以正常工作。

我有这个错误:

有迁移指南吗?这很奇怪,因为 babel typescript snafu 一切都很好,也许我需要在 babel 配置中添加一些东西?

我正在与:

节点JS 10.15.1

我的依赖:

0 投票
1 回答
188 浏览

reactjs - 在启动 Styleguidedist 服务器时,它失败并显示 Module parse failed: Unexpected token

我试图启动我的风格指南服务器,但它不断抛出以下错误:我相信当 babel 加载器没有为 jsx 文件配置时会发生这种情况。但这不是真的,因为我能够毫无错误地开始我的项目。但是当我尝试启动样式指南时,我最终得到了这个。

在此处输入图像描述

这是我的样式指南配置文件

这是我的 webpack 配置

0 投票
0 回答
18 浏览

react-styleguidist - react-styleguidist 可以支持导出markdown吗

想用retreat-styleguidist导出markdown文档,但是想看官方文档没看到怎么做