当组件具有 Children 时 React Styleguidist 失败

Question

我们正在使用 React Styleguidist 从项目组件的定义中生成文档。我们计划通过 Github 页提供此类文档。

我们的代码片段：

Button.tsx

export default class Button extends PureComponent<Props> {
    [...]
    render() {

        const { href, type, children, theme, size } = this.props
        const buttonChildren = children ? children : 'Button Text'
        [...]
        return <button  type="button">{buttonChildren}</button>
    }
}

Readme.md

[...]
Default Button
```jsx
<div className="styleguide-preview">
    <Button /> 
</div>
```

通过我们设置的 NPM 脚本运行 styleguidist build 命令后，一切正常。我们能够看到 Button，其内容回落到默认值 "Button Text"。如果我们更改降价文件以包含 <Button> Default </Button>，生成的文档的开发版本工作正常（并且其按钮预览显示预期的“默认”。当我们查看文档的构建版本时，我们收到以下错误：ReferenceError: t is not defined。预览中没有显示任何按钮，只有错误消息。

Styleguidist 生成文档的工作版本和错误版本之间的唯一区别是（据我们所知）在降价自述文件中是否包含 children 按钮组件。

我们是不是做错了什么？感谢任何帮助或提示:)

Answer 1

这是一个known issue。始终先检查 GitHub，如果尚未报告错误，请在那里报告错误。

当组件具有 Children 时 React Styleguidist 失败

React Styleguidist failing when Component has Children

reactjs

react-styleguidist