描述错误
我们的一个组件是用 .vue
文件编写的,但它利用了一个 render
函数而不是一个 <template>
部分来呈现其标记: GlSprintf
。
我们为这个组件编写了一些 stories 。例如,以下是 SentenceWithLink
故事的样子:
请注意,此故事还使用了 GlLink
组件。有趣的是,此故事生成的源代码(以及所有其他 GlSprintf
故事)不包括 GlSprintf
本身,但它确实包括了 GlLink
:
这是我们托管的 Storybook 中相关页面: https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/utilities-sprintf--sentence-with-link
重现
重现行为所需的步骤:
1.拉取 https://gitlab.com/gitlab-org/gitlab-ui.git
。
1.运行 yarn && yarn start
。
1.导航到 GlSprintf
故事。
1.在 Docs
标签页中展开任何故事的源代码面板。
预期行为
源代码应包含故事中使用的所有组件。
系统
Environment Info:
System:
[REDACTED]
Binaries:
Node: 12.18.4 - ~/.asdf/installs/nodejs/12.18.4/bin/node
Yarn: 1.22.5 - ~/.yarn/bin/yarn
npm: 6.14.6 - ~/.asdf/installs/nodejs/12.18.4/bin/npm
Browsers:
Chrome: 89.0.4389.114
Firefox: 87.0
Safari: 13.1.3
npmPackages:
@storybook/addon-a11y: 6.2.2 => 6.2.2
@storybook/addon-docs: 6.2.2 => 6.2.2
@storybook/addon-essentials: 6.2.2 => 6.2.2
@storybook/addon-knobs: 6.2.2 => 6.2.2
@storybook/addon-storyshots: 6.2.2 => 6.2.2
@storybook/addon-storyshots-puppeteer: 6.2.2 => 6.2.2
@storybook/addon-viewport: 6.2.2 => 6.2.2
@storybook/theming: 6.2.2 => 6.2.2
@storybook/vue: 6.2.2 => 6.2.2
3条答案
按热度按时间r3i60tvu1#
是否有更新?你是否找到了正确渲染源代码的解决方案?
mwkjh3gx2#
这个问题在7.0 beta版本中已经得到了解决。您是否愿意尝试一下,并报告它是否满足您的需求?
ajsxfq5m3#
在Storybook 7.0.7中仍然发生这种情况:https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/utilities-sprintf--docs
这是故事文件:https://gitlab.com/gitlab-org/gitlab-ui/-/blob/df415b9dfc204e41a9d0941a2bd3aedafe542b79/src/components/utilities/sprintf/sprintf.stories.js