我使用npx tsdx create
安装了故事书，并选择react-with-storybook来制作样式组件库
在开发过程中，我得到了"此故事未配置为处理控件。"错误
tsdx会自动安装所有必要的插件，包括故事书控件。
因此没有理由出现此错误
经过搜索，我找到了这个帖子
长话短说，此错误与故事书依赖版本有关
他们说，如果我将6.0.9以下的版本降级，它会起作用
所以我试过了，但这次我甚至无法启动项目。(生成失败或其他什么(
这是我来自package.json的devDependencies
"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"
}
如果你知道任何解决方法，请分享！谢谢
在我的例子中，这个错误是由另一个故事引起的，它有一个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.。
为了调试这个问题，我不得不将所有故事移到不同的位置，逐一带回故事，看看是什么导致了问题。
不经常，但有时我会遇到故事书中这种有趣的行为，一个问题会导致完全不同的误导性错误。