未生成 Storybook MUI v5 文档

Question

我正在使用 material UI V5 和故事书，除了文档不会自动生成外，一切似乎都很好。当我单击“文档”选项卡时，它只是一个空白的白色屏幕。

我查看了这个使用 Material Ui V4 的存储库，并且有文档正在工作以查看我是否可以找出哪里/如果我出错了。但没有铁砧。 Storybook MUI v4

我没有做任何花哨的事情，我所做的只是使用 sb 命令行工具安装了故事书，安装了 Material UI v5 并导出了一个按钮。但是没有文档显示。

import React from "react";
import PropTypes from "prop-types";
import MiButton from "@mui/material/Button";

export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
  return <MiButton>GOT IM!</MiButton>;
};

Button.propTypes = {
  primary: PropTypes.bool,
  backgroundColor: PropTypes.string,
  size: PropTypes.oneOf(["small", "medium", "large"]),
  label: PropTypes.string.isRequired,
  onClick: PropTypes.func,
};

Button.defaultProps = {
  backgroundColor: null,
  primary: false,
  size: "medium",
  onClick: undefined,
};

Answer 1

在故事书回购上发布错误报告后发现故事书版本的情感和 Material Ui v5 版本的情感存在冲突。

有一个解决方法可以让文档与 Mui5 一起工作，直到他们解决将下面的代码添加到 preview.js

的问题

export const parameters = {
  actions: { argTypesRegex: "^on[A-Z].*" },
  layout: "centered",
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
  docs: {
    inlineStories: false,
    iframeHeight: "700px",
  },
}

未生成 Storybook MUI v5 文档

Storybook MUI v5 Documentation does not get generated

reactjs

material-ui

storybook