我在用vue-fontawesome https://github.com/FortAwesome/vue-fontawesome与 Nuxt 3 一起使用，如上所述here https://fontawesome.com/docs/web/use-with/vue/use-with我看到了这种奇怪的行为。说我有这样的东西
<a href="https://example.com"><font-awesome-icon icon="fa-brands fa-twitter" />Example</a>
如果我运行开发服务器，一切都很好，但是如果我运行generate并通过静态 HTTP 服务器提供输出，我得到“示例”打印两次。如果我将文本包装在标签中，我会得到标签和文本两次（即<span>Example</span><span>Example</span>）。但奇怪的是，生成的 HTML 不包含重复内容，所以我怀疑浏览器中发生了一些奇怪的事情。
您可以从此处获取生成的站点作为可重现的测试用例。https://andreafranceschini.org/files/afnuxt.tgz https://andreafranceschini.org/files/afnuxt.tgz
I hear vue-fontawesome对 SSR 和静态生成不太满意，但我也看到其他人以同样的方式使用它，所以我想知道我可能做错了什么？
EDIT我也将其发布为“错误”here https://github.com/FortAwesome/vue-fontawesome/issues/384.
EDIT 2解决方法是将图标单独包含在其他内容中，例如span tag.
我找到了一个解决方法，即将图标单独包含在其他东西中，例如span tag.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
