问题标签 [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.
storybook - 如何将 Storybook Notes 选项卡移动到插件面板
我需要 Notes 插件出现在插件面板中,但目前它显示为选项卡。
我已尝试按照 npm 自述文件的建议将其注册为面板,但这会破坏应用程序
https://www.npmjs.com/package/@storybook/addon-notes/v/5.1.0-alpha.25
我想将注释选项卡移动到插件面板:
angular - 如何为 Angular 配置视口插件
根据此文档,我正在尝试在 config.js 文件中添加自定义视口:
但这对我不起作用,因为在角度库中我们没有 addParameters 方法的实现。我们如何为角度配置这个?
vue.js - Storybook:将上下文文件中定义的道具传递给组件
如何将contexts
文件中定义的道具传递给我的故事中的组件?文档没有明确说明:https ://www.npmjs.com/package/@storybook/addon-contexts
我正在使用 vue。
有没有人使用插件上下文的工作示例?
javascript - 从 3.x 迁移到 5.x (React) 后,Storybook 插件无法正常工作
我最近升级了我们应用程序的过时技术堆栈。其中一部分是从 Storybook 3 升级到 Storybook 5。我按照 Storybook 的官方规范从 3 迁移到 4,然后从 4 迁移到 5。 Storybook 本身运行良好,但是,插件在这个新版本上不起作用。我们将插件用于旋钮、操作和语言环境。
对于旋钮,将显示消息“未找到旋钮”。对于操作,根本不显示任何内容。对于语言环境,我们会显示两种不同的语言环境(英语和德语),但在两者之间切换没有任何作用。
控制台中没有显示错误消息。
我曾尝试删除并重新安装 node_modules,以及尝试使用不同的版本,但均未成功。
这是我们的 config.js:
插件.js:
package.json 的相关部分:
一个示例故事:
reactjs - 故事书旋钮未更新
我为我的反应项目设置了故事书,我有 2 个故事。一个是一个简单的按钮和一个更大的组件。我对两者都使用了旋钮,它在简单按钮上工作得很好,但它不会更新更大的组件(withInfo 插件实际上显示了来自旋钮的正确更新信息,但组件没有更新。)这告诉我有问题我的组件而不是故事书旋钮。但是该组件在我的应用程序中似乎工作得很好。
我的按钮故事
我更大的组件故事
组件
我的故事书配置
我的 addons.js
javascript - SyntaxError: Unexpected token then used @storybook/addon-storyshots
我使用了插件故事截图。但是后来我开玩笑地运行测试我有一个错误。我阅读了许多资源如何解决这个问题,但我发现的所有资源都对我没有帮助。故事书问题示例
请帮我。
我的配置文件:
故事书版
storyshots.test.js
webpack.config.js
main.js
test.config.js
reactjs - 如何使 React 故事书“插件链接”工作
我正在尝试使用插件链接。我尝试了文档中列出的确切简单按钮示例,https://www.npmjs.com/package/@storybook/addon-links。LinkTo 反应组件工作正常,但是当我使用 linkTo 功能时,我得到“无法导航到提供的故事”错误。有人可以帮我吗?
reactjs - Storybook 视口插件:不构建自定义视口(反应)
我使用 create-react-app 构建了一个应用程序。我创建自定义视口类型以添加到我的故事书中。当我使用 yarn start 时,一切都可以正常运行。但是,当我构建应用程序时,我全局定义的 preview.js 文件的视口没有加载到构建中。它仍然是默认值。对于我的一生,我无法弄清楚为什么。据我所知,我按照文档解释的方式进行了设置。
这是我的 preview.js 文件
我的 main.js 文件
包.json