问题标签 [storybook-addon-specifications]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
425 浏览

storybook - 如何将 Storybook Notes 选项卡移动到插件面板

我需要 Notes 插件出现在插件面板中,但目前它显示为选项卡。

我已尝试按照 npm 自述文件的建议将其注册为面板,但这会破坏应用程序

https://www.npmjs.com/package/@storybook/addon-notes/v/5.1.0-alpha.25

我想将注释选项卡移动到插件面板:

在此处输入图像描述

0 投票
1 回答
506 浏览

angular - 如何为 Angular 配置视口插件

根据此文档,我正在尝试在 config.js 文件中添加自定义视口:

但这对我不起作用,因为在角度库中我们没有 addParameters 方法的实现。我们如何为角度配置这个?

0 投票
1 回答
732 浏览

vue.js - Storybook:将上下文文件中定义的道具传递给组件

如何将contexts文件中定义的道具传递给我的故事中的组件?文档没有明确说明:https ://www.npmjs.com/package/@storybook/addon-contexts

我正在使用 vue。

有没有人使用插件上下文的工作示例?

0 投票
0 回答
810 浏览

javascript - 从 3.x 迁移到 5.x (React) 后,Storybook 插件无法正常工作

我最近升级了我们应用程序的过时技术堆栈。其中一部分是从 Storybook 3 升级到 Storybook 5。我按照 Storybook 的官方规范从 3 迁移到 4,然后从 4 迁移到 5。 Storybook 本身运行良好,但是,插件在这个新版本上不起作用。我们将插件用于旋钮、操作和语言环境。

对于旋钮,将显示消息“未找到旋钮”。对于操作,根本不显示任何内容。对于语言环境,我们会显示两种不同的语言环境(英语和德语),但在两者之间切换没有任何作用。

控制台中没有显示错误消息。

我曾尝试删除并重新安装 node_modules,以及尝试使用不同的版本,但均未成功。

这是我们的 config.js:

插件.js:

package.json 的相关部分:

一个示例故事:

0 投票
1 回答
6923 浏览

reactjs - 故事书旋钮未更新

我为我的反应项目设置了故事书,我有 2 个故事。一个是一个简单的按钮和一个更大的组件。我对两者都使用了旋钮,它在简单按钮上工作得很好,但它不会更新更大的组件(withInfo 插件实际上显示了来自旋钮的正确更新信息,但组件没有更新。)这告诉我有问题我的组件而不是故事书旋钮。但是该组件在我的应用程序中似乎工作得很好。

我的按钮故事

我更大的组件故事

组件

我的故事书配置

我的 addons.js

0 投票
1 回答
219 浏览

storybook - Storybook.js - DSM 集成:加载问题

将 HTML 故事书发布到 DSM 后,我看到“正在加载...”,但故事书未加载。DSM 预览会显示故事书,但在发布时。它继续显示加载消息

在此处输入图像描述

包.json

注意:将故事书降级到 5.2.1 有效。想知道 5.3.9 的问题

0 投票
2 回答
707 浏览

javascript - 如何在 Storybook 中显示副标题?

我需要在左侧边栏中显示副标题,如附图所示。

故事书版本是 5.3.13。

我需要在配置文件中更改任何参数吗?

故事书左侧边栏

0 投票
0 回答
2146 浏览

javascript - SyntaxError: Unexpected token then used @storybook/addon-storyshots

我使用了插件故事截图。但是后来我开玩笑地运行测试我有一个错误。我阅读了许多资源如何解决这个问题,但我发现的所有资源都对我没有帮助。故事书问题示例

请帮我。

错误信息

我的配置文件:

故事书版

storyshots.test.js

webpack.config.js

main.js

test.config.js

0 投票
1 回答
1083 浏览

reactjs - 如何使 React 故事书“插件链接”工作

我正在尝试使用插件链接。我尝试了文档中列出的确切简单按钮示例,https://www.npmjs.com/package/@storybook/addon-links。LinkTo 反应组件工作正常,但是当我使用 linkTo 功能时,我得到“无法导航到提供的故事”错误。有人可以帮我吗?

0 投票
1 回答
1160 浏览

reactjs - Storybook 视口插件:不构建自定义视口(反应)

我使用 create-react-app 构建了一个应用程序。我创建自定义视口类型以添加​​到我的故事书中。当我使用 yarn start 时,一切都可以正常运行。但是,当我构建应用程序时,我全局定义的 preview.js 文件的视口没有加载到构建中。它仍然是默认值。对于我的一生,我无法弄清楚为什么。据我所知,我按照文档解释的方式进行了设置。

这是我的 preview.js 文件

我的 main.js 文件

包.json