Storybook和Tailwind暗模式在文档视图中工作,但在画布视图中不起作用



在为Storybook设置storybook-tailwind-dark-mode附加组件后(通过以下步骤),我的组件在Canvas视图中的黑暗模式下不再正确显示。该组件在文档视图中正确显示,而其他组件在画布视图中正确显示,所以不是每个组件都有这个问题。

元素在页面变为空白之前的一瞬间是可见的。当检查页面时,我可以看到所有的元素都在那里,但它们只是不可见。

唯一的区别似乎是dark类添加到body元素。

任何关于为什么元素不再显示的想法将非常感激⚡️

我已经检查了元素,看看是什么可能导致元素不显示。我希望看到display:none的变化或在其他元素前面的元素,导致它们被隐藏,但似乎唯一的变化是dark类被添加到body

我也看了./storybook/preview.js./storybook/main.js是否有任何可疑的地方,但我没有发现任何看起来不合适的地方。

有一个模式<div>,它有一个dark:bg-gray-800类,它被覆盖在所有其他元素上。

模态被正确地设置为亮模式,根据模态打开/关闭的时间来显示和隐藏,但是这个条件不适用于暗模式,所以模态总是打开的,并且隐藏了其他元素。