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

Posted 2023-03-07

【中文标题】CSS 在光标悬停之前不会加载

【英文标题】：CSS not loading until cursor hover

【发布时间】：2021-09-10 07:40:15

【问题描述】：

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

https://www.loom.com/share/a1dd16e7c77241bfbf0ef32980c1c8e9

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

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

【问题讨论】：

最好不要使用视频，而是做预期的事情并添加重现问题所需的最少代码。结果的视频对我来说听起来像是文字图像 - 并不完全是真棒。另一方面，显示错误的代码很可能会为您提供解释，让您在将来避免该问题。 ;)

真的，我一直在纠结什么代码 sn-p 来提供它为什么我使用视频并尝试标记正在使用的技术。最后的解决方案是将顺风升级到 2.2

我理解以建议的格式提出问题的难度，我真的理解。请不要将我之前的评论解释为敌对的（我没有迹象表明您这样做了） - 很多时候，在将代码压缩到重现问题所需的最小代码的过程中，人们可以解决他们自己的困境。在这里，似乎有人的建议是完美 - “通过添加和使用 Tailwind，我们为我们的项目引入了一层复杂性。而这些层会带来风险。事情可能会出错。他们会的” （就像他们为你做的那样！）

【参考方案1】：

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