You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

@storybook/angular 5.3.14 addons.setConfig的toolbar配置不生效问题

问题根因

你写的toolbar嵌套配置是 Storybook 6.0及以上版本才支持的新增API,你当前使用的5.3.14版本没有对应解析逻辑,所以这套配置完全不生效。showNav和showPanel是5.3版本就已经支持的老参数,所以可以正常生效。

5.3版本的解决方案

方案1:直接隐藏整个工具栏

在addons.setConfig中添加5.3版本支持的工具栏隐藏参数isToolshown: false即可,修改后配置如下:

addons.setConfig({
  showNav: false,
  showPanel: false,
  isToolshown: false
});

方案2:单独隐藏指定工具栏按钮

5.3版本没有内置的配置项支持单独隐藏自带工具栏按钮,可按需求选择对应方式实现:

  • 隐藏背景、视口等插件提供的按钮:直接在addons注册入口中删除对应插件的引入代码即可
  • 隐藏缩放、全屏等原生工具栏按钮:在Storybook的全局样式文件中添加CSS规则,选中对应DOM节点设置display: none隐藏即可

如果你后续将Storybook升级到6.0及以上版本,你原本写的toolbar嵌套配置就可以正常生效,不需要再用上面的兼容方案。

内容的提问来源于stack exchange,提问作者nerz

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.25 21:15:05