故事书显示“这个故事未配置为处理控件。' 错误

Question

我使用安装了storybooknpx tsdx create
并选择react-with-storybook制作样式组件库。
在开发过程中，我得到了“这个故事未配置为处理控件”。' 错误。
tsdx 会自动安装所有必要的插件，包括故事书控件。
因此没有理由出现此错误。

经过一番搜索，我发现了这篇文章。
长话短说，这个错误与故事书依赖版本有关。
他们说，如果我降级到 6.0.9 以下的版本，find 就可以工作。
于是我尝试了，这次我什至无法启动该项目。（构建失败或其他）。

这是我的 devDependency 来自package.json

 "devDependencies": {
    "@babel/core": "^7.17.2",
    "@size-limit/preset-small-lib": "^7.0.8",
    "@storybook/addon-essentials": "^6.4.13",
    "@storybook/addon-info": "^5.3.21",
    "@storybook/addon-links": "^6.4.13",
    "@storybook/addons": "^6.4.13",
    "@storybook/react": "^6.4.13",
    "@types/react": "^17.0.39",
    "@types/react-dom": "^17.0.11",
    "babel-loader": "^8.2.3",
    "husky": "^7.0.4",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-is": "^17.0.2",
    "size-limit": "^7.0.8",
    "tsdx": "^0.14.1",
    "tslib": "^2.3.1",
    "typescript": "^4.5.5"
  }

我改变的是

"devDependencies": {
    "@babel/core": "^7.17.2",
    "@size-limit/preset-small-lib": "^7.0.8",
    "@storybook/addon-essentials": "6.0.9", <<=
    "@storybook/addon-info": "^5.3.21",
    "@storybook/addon-links": "6.0.9", <<=
    "@storybook/addons": "6.0.9", <<=
    "@storybook/react": "6.0.9", <<=
    "@types/react": "^17.0.39",
    "@types/react-dom": "^17.0.11",
    "babel-loader": "^8.2.3",
    "husky": "^7.0.4",
    "react": "^17.0.2",
    "react-dom": "^17.0.2",
    "react-is": "^17.0.2",
    "size-limit": "^7.0.8",
    "tsdx": "^0.14.1",
    "tslib": "^2.3.1",
    "typescript": "^4.5.5"
  }

如果您知道任何解决方法，请分享！谢谢！

Answer 1

就我而言，此错误是由另一个故事引起的，该故事的control选项不正确，这是 Web 组件

export default {
  title: 'Buttons/HTMLButton',
  argTypes: {
    sizeClass: {
      control: { type: 'select' },
      options: { '': '', Huge: 'huge-size' }
    },
  },
};

我一修复它就options解决{ 'Default': '', Huge: 'huge-size' }了这个问题。

尽管这个故事完全不同，但它导致控件在不同的故事中消失，同时控件可用并在选项卡中工作Docs，但在主画布中您将看到没有控件并且出现错误This story is not configured to handle controls.。

为了调试这个问题，我必须将所有故事移动到不同的位置，将故事一一带回，看看哪个故事导致了问题。

不太常见，但有时我会遇到故事书的这种有趣行为，其中一个问题会导致完全不同的误导性错误。