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

我查看了这个使用 Material Ui V4 的存储库，并且有文档正在研究我是否可以找出哪里/是否出错。但没有铁砧。故事书 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,
};

如何设置 Storybook 以便它解析 Tailwindcss 样式并解析绝对路径？

注意：这是根据此允许的自记录问题/答案。这需要一段时间才能弄清楚，我相信很多其他人也会遇到这个问题。

我一直在学习使用交互插件在 Storykook 中进行测试。但我不知道如何在主分支推送之前运行测试（进行部署），我发现的一种方法是使用 git hook（pre-puch）运行所有测试，但是当我的应用程序长大了，我想使用管道 ci/cd 而不是 git hooks

感谢您的阅读！

你可以在这里找到该应用程序

我正在将故事书引入到我们的 React 组件中。当我开始添加示例时：

组件本身被添加到左上角。在此示例中：http://react.carbondesignsystem.com/ ?selectedKind=ComposedModal&selectedStory=Using%20Header%20%2F%20Footer%20Props&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Fstories%2Fstories-panel

我们可以看到组件本身刷新在页面中间。

我怎么做？

我似乎无法弄清楚如何让我的事件处理函数执行其逻辑来更新 UI 和故事书的插件 -actions()记录输出。

我希望更新 UI 的原因是我们使用 cypress.io 进行测试。我们已经破解/存根了操作消息传递（非常酷，window.postMessage）来访问允许使用的操作消息action("functionName")，而不是在 中连接事件处理函数[file].stories.tsx。为了我的理智，我想两者都做。要检查操作消息，只需单击几下。我宁愿看到该项目被删除。这样，为了进行测试，我希望收到操作消息（我能够做到这一点）。我们用来alert()检查是否有东西被解雇，但我不是粉丝。

如果这看起来没有必要，或者违反直觉/生产力，请详细说明。

如果它有帮助...<List />就是这样，但每个项目上都有一个操作按钮，可以从列表中删除该项目。

List.stories.tsx
// storybook addons
import { withKnobs } from "@storybook/addon-knobs";

// deps
import React from "react";
import { action } from "@storybook/addon-actions";

// utils
import { CustomEvent } from "../../hooks"; …