故事书显示：“这个故事没有配置为处理控件。”错误

Question

我使用npx tsdx create安装了故事书

并选择react-with-storybook制作样式组件库。

在开发过程中，我得到了“这个故事没有配置为处理控件”。错误。

tsdx自动安装包括故事书控件在内的所有必要的附加组件。

所以没有理由得到这个错误。

在搜索完这个之后，我找到了这的帖子。

长话短说，这个错误是关于故事书依赖版本的。

他们说，如果我把版本降到6.0.9以下，就会发现。

所以我试了一下，这次我甚至无法启动这个项目。(生成失败或其他什么)。

这是我的devDependencies，来自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.。

为了调试这个问题，我不得不把所有的故事都移到不同的位置，一个接一个地把故事带回来，看看是什么引起了问题。

不太经常，但有时我面对这种有趣的行为，故事书，其中一个问题将导致一个完全不同和误导性的错误。