Tailwind断点异常影响无关组件：VueJS+TailwindCSS下双Logo组件均消失问题求助

嘿，各位大佬，我最近在VueJS+TailwindCSS的项目里碰到一个挺费解的问题，想请大家帮忙看看：

我页面里复用了同一个ApplicationLogo组件（这是个SVG组件），两处的代码分别是：

第一处：

<ApplicationLogo class="h-16 w-auto" />

第二处：

<div class="hidden lg:block">
    <ApplicationLogo class="mr-6 h-8 w-auto"/>
</div>

按Tailwind的规则，第二处的Logo因为父级加了hidden lg:block，应该只有在视口宽度小于1024px（lg断点）时才会隐藏，第一处没有任何响应式隐藏类的Logo应该正常显示才对。但实际情况是，当视口小于1024px时，两个Logo都消失了！

更奇怪的是，我把ApplicationLogo换成普通文本（比如直接写<span>测试文本</span>），就完全符合预期：只有第二处的文本会隐藏，第一处正常显示。

我自己初步排查了下，暂时没找到原因，比如：

• 检查过ApplicationLogo组件内部，没写任何Tailwind的响应式隐藏类
• 全局CSS里也没针对SVG加过强制隐藏的规则

有没有大佬遇到过类似的问题？或者能给点排查方向的建议呀？

备注：内容来源于stack exchange，提问作者nova9