storybook 改进渲染故事错误详情

zpjtge22 于 3个月前发布在其他

关注(0)|答案(3)|浏览(39)

您的功能请求是否与问题相关？请描述

问题在issue中的描述：#14377
从v6.2.0-rc.10升级到v6.2.0-rc.11后，我在预览中遇到了以下错误(显示在UI中):

Cannot read property 'name' of undefined
TypeError: Cannot read property 'name' of undefined
    at createDefaultValue (http://localhost:6007/vendors~main.iframe.bundle.js:16438:33)
    at createBasicPropDef (http://localhost:6007/vendors~main.iframe.bundle.js:16464:19)
    at javaScriptFactory (http://localhost:6007/vendors~main.iframe.bundle.js:16501:17)
    at extractProp (http://localhost:6007/vendors~main.iframe.bundle.js:16642:19)
    at http://localhost:6007/vendors~main.iframe.bundle.js:16623:33
    at Array.map (<anonymous>)
    at extractComponentSectionObject (http://localhost:6007/vendors~main.iframe.bundle.js:16621:26)
    at extractComponentProps (http://localhost:6007/vendors~main.iframe.bundle.js:16634:87)
    at getPropDefs (http://localhost:6007/vendors~main.iframe.bundle.js:13848:106)
    at extractProps (http://localhost:6007/vendors~main.iframe.bundle.js:13870:11)

首先，**这个错误毫无用处。它没有指向任何发生错误的地方。**我花了很多时间试图找到错误发生的地方(我们有大约30个组件)。。。
错误信息真的很难理解。没有简单的方法可以找出错误发生的位置。

描述您希望实现的解决方案

错误应该包含以下信息：

受影响的story
错误发生的确切位置
?
您是否能够协助将功能变为现实？

否

附加上下文

请参阅引用的issuse。

storybook

来源：https://github.com/storybookjs/storybook/issues/14449

3条答案

按热度按时间

pkln4tw61#

我正在两个独立的React/TypeScript项目中遇到这个问题。我已经尝试了最新稳定版本和最新--prerelease版本，但都没有解决问题。

为了防止错误虽然相似但又有所不同，这里是我得到的错误信息：

TypeError: Cannot read property 'name' of undefined
    at http://localhost:6006/vendors~main.iframe.bundle.js:13098:37
    at http://localhost:6006/vendors~main.iframe.bundle.js:15001:12
    at http://localhost:6006/vendors~main.iframe.bundle.js:15037:16
    at renderWithHooks (http://localhost:6006/vendors~main.iframe.bundle.js:100407:18)
    at mountIndeterminateComponent (http://localhost:6006/vendors~main.iframe.bundle.js:103233:13)
    at beginWork (http://localhost:6006/vendors~main.iframe.bundle.js:104471:16)
    at HTMLUnknownElement.callCallback (http://localhost:6006/vendors~main.iframe.bundle.js:89367:14)
    at Object.invokeGuardedCallbackDev (http://localhost:6006/vendors~main.iframe.bundle.js:89416:16)
    at invokeGuardedCallback (http://localhost:6006/vendors~main.iframe.bundle.js:89478:31)
    at beginWork$1 (http://localhost:6006/vendors~main.iframe.bundle.js:109381:7)

该项目的仓库在这里：https://github.com/mrmartineau/stitches-ui(at this point in time)
另一个项目是私有的，所以我不能分享代码。
问题#14377描述了与默认属性和属性类型相关的内容；我不确定这是否可能，因为我在stitches-ui项目中没有使用它们，而且这两个项目都不使用prop-types,因为它们都是基于TypeScript的。

赞(0）回复(0）举报 3个月前

zphenhs42#

@mrmartineau看起来像一个带有storybook-addon-paddings的错误，或者你是如何使用它的。当我从preview.js中移除它时，渲染效果很好。

赞(0）回复(0）举报 3个月前

0pizxfdo3#

感谢@shilman,您说得对。我以为我在调试这个时已经尝试过移除所有插件了...我想没有

赞(0）回复(0）举报 3个月前