描述bug
在Storybook 7中，通过以下方式重新导出故事时：
export { Basic } from "./avatar.basic.story";我可以看到一个故事，但是无法预览源代码(“显示代码/隐藏代码”按钮被禁用)
顺便说一下-使用旧的方式(Storybook 5、6)在Storybook 7中不显示故事，也没有源代码：
export * from "./avatar.basic.story";有些故事相当大，我需要将它们保留在单独的tsx文件中。
重现问题
Storybook预览：
https://64978ad79679888cd8f5f436-fzgpjawimm.chromatic.com/?path=/docs/example-button--docs
仓库：
https://github.com/Demiurg77/my-storybook-reproduction/tree/main/src/stories
重现构建详细信息：
https://www.chromatic.com/build?appId=64978ad79679888cd8f5f436&number=2
系统环境
Environment Info:
System:
OS: macOS 13.4
CPU: (10) arm64 Apple M1 Pro
Binaries:
Node: 18.12.1 - ~/.nodenv/versions/18.12.1/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 8.19.2 - ~/.nodenv/versions/18.12.1/bin/npm
Browsers:
Chrome: 114.0.5735.133
Edge: 110.0.1587.57
Firefox: 114.0.2
Safari: 16.5
npmPackages:
@storybook/addon-essentials: ^7.0.20 => 7.0.20
@storybook/addon-interactions: ^7.0.20 => 7.0.20
@storybook/addon-links: ^7.0.20 => 7.0.20
@storybook/addon-storysource: ^7.0.21 => 7.0.21
@storybook/blocks: ^7.0.20 => 7.0.20
@storybook/react: ^7.0.20 => 7.0.20
@storybook/react-webpack5: ^7.0.20 => 7.0.20
@storybook/testing-library: ^0.0.14-next.2 => 0.0.14-next.2其他上下文
- 无响应*
8条答案
按热度按时间8qgya5xd1#
我对这个有点惊讶——我原以为它能工作。
你有可以分享的复制品仓库吗？如果没有，你能创建一个吗？请访问 https://storybook.new 或者查看 repro docs 。我很乐意看一下。
sczxawaw2#
@shilman 我在"To Reproduce"部分添加了复现仓库和故事书预览。
iq3niunx3#
非常感谢！我会好好看看的。
vmdwslir4#
你好，@shilman。关于这个问题有什么更新吗？代码预览是阻止我们迁移到v7的唯一功能。另外，你能从这个线程中移除“需要复现”标签吗？
顺便说一下，还有一个与源代码预览相关的问题：#23135
9ceoxa925#
上周我出去了，但这周我会尽力查明真相。感谢你的耐心！
monwx1rj6#
@Demiurg77 附注--我不理解为什么这会阻止您升级到v7,鉴于根据您的说法，在v5/v6中也无法工作。
1cklez4t7#
@Demiurg77 附注 --我不明白为什么这会阻止你升级到v7,考虑到根据你的说法，在v5/v6中这也不起作用。
@shilman 我想我没有说清楚，但在之前的版本中这两种方法都很好用。问题只出现在Storybook 7上。
在storybook 6.5中，我可以成功使用
export * from "./avatar.basic.story"或export { Basic } from "./avatar.basic.story",源代码预览按预期工作dfuffjeb8#
@Demiurg77 明白了，感谢澄清！