在React Storybook中看不到面板

时间:2018-03-24 19:14:05

标签: storybook

我在运行节点版本6.3.1和npm版本3.10.6的Windows 7上使用Storybook版本3.3.15。

在运行故事书时,我在页面底部看到“无面板可用”消息,其中呈现了动作面板。我在addons.js中导入了addon-actionsimport @storybook/addon-actions/register,该模块也出现在node_modules文件夹中。在webpack compliation或浏览器控制台中,我没有收到任何关于此的错误。

如何显示操作面板?

注意:我无法更新Node和NPM版本,因为我正在开发一个专业级别的应用程序,其中涉及很多人并且它是一个非常大的代码库。

7 个答案:

答案 0 :(得分:8)

就我而言,仅击中t1 = [False, True, oups] # NameError here t2 = iter(t1) if any(t2): print('At least one is True') 就可以了

答案 1 :(得分:3)

就我而言,我缺少.storybook/addons.js文件。看来这已成为最新版本中的要求,因为 actions 插件最初对我来说运行良好。

为弄清潜在的困惑:

As the documentation specifies您需要在隐藏的addons.js目录中放置一个.storybook/文件(最有可能在项目的根目录),即使全部包含的就是这1行。

import @storybook/addon-actions/register;

答案 2 :(得分:3)

对我来说,整个主菜单都消失了。唯一有帮助的是在控制台中运行sessionStorage.clear(),然后刷新页面。

答案 3 :(得分:0)

我遇到了类似的问题,并且安装了@storybook/addons(除了您提到的步骤之外)也解决了该问题。

运行:

npm i -D @storybook/addons

答案 4 :(得分:0)

在我的情况下,它们只是隐藏且方向错误。必须使用DA键盘快捷键使它们再次出现。

答案 5 :(得分:0)

在Mac中,我通过按fn + s解决了此问题。

答案 6 :(得分:0)

我只是通过尝试使用键盘上的不同键来发现它的:

如果按“ S” -在 StoryBook Of 中切换侧边栏启用!试试吧!

我的浏览器:Chrome,操作系统:Mac OS