CSS 在光标悬停之前不会加载答案

【问题标题】：CSS not loading until cursor hoverCSS 在光标悬停之前不会加载
【发布时间】：2021-09-10 07:40:15
【问题描述】：

让我们先从一个小视频开始。

在本视频中，当我打开右上角的下拉菜单时，您会看到该菜单缺少所有 Tailwind 类。我不知道为什么会发生这种情况，但是当我将鼠标悬停在它上面时，它们会加载并持续存在。

知道为什么会发生这种情况。很高兴展示代码，只是不确定是什么原因造成的。

【问题讨论】：

最好不要使用视频，而是做预期的事情并添加重现问题所需的最少代码。结果的视频对我来说听起来像是文字图像 - 并不完全是真棒。另一方面，显示错误的代码很可能会为您提供解释，让您在将来避免该问题。 ;)
真的，我一直在纠结什么代码 sn-p 来提供它为什么我使用视频并尝试标记正在使用的技术。最后的解决方案是将顺风升级到 2.2
我理解以建议的格式提出问题的难度，我真的理解。请不要将我之前的评论解释为敌对的（我没有迹象表明您这样做了） - 很多时候，在将代码压缩到重现问题所需的最小代码的过程中，人们可以解决他们自己的困境。在这里，似乎有人的建议是完美 - “通过添加和使用 Tailwind，我们为我们的项目引入了一层复杂性。而这些层会带来风险。事情可能会出错。他们会的” （就像他们为你做的那样！）

【解决方案1】：

好的，我有答案，但我不喜欢它。当我使用 npm update 升级我的应用程序时，问题就消失了。我不知道为什么，我希望我这样做是为了让我可以记录它以备不时之需，但它不再存在了。

【讨论】：