Heroicons不会出现在chrome for TailwindUI中，但在火狐浏览器中会被破坏
Heroicons不会出现在chrome for TailwindUI中，但在火狐浏览器中会被破坏
提问于 2021-09-21 08:16:17
我购买并安装了TailwindUI。我复制并粘贴了一个导航组件，只是为了看看它在应用程序中的样子，汉堡菜单和通知铃声(这两个都是Heroicons的一部分)没有出现。
当我点击菜单应该下拉的部分时，它就可以工作了。但现在只有一个看起来有点像复选框的小方块。
下面是它在Firefox (移动调试器)中的样子：
在Safari上测试，它看起来像Chrome。
在node_modules中，我可以看到英雄图标：
该应用程序使用Elixir/Phoenix、Vue、Webpack和Tailwindcss。
有人知道问题出在哪里吗，或者我会怎么调试它？
回答 2
Stack Overflow用户
回答已采纳
发布于 2021-09-22 21:42:54
TailwindUI支持Vue 3，Vue 3似乎不包括@vue/compat。@vue/compat是一个兼容性构建，用于从Vue 2迁移到Vue 3。compat构建(也称为迁移构建)应该是与Vue 3兼容的，但我猜它仍然不足以支持TailwindUI。
Stack Overflow用户
发布于 2021-09-22 04:20:13
如果您未使用SVG语法，则必须使用npm/yarn安装@heroicons/react包并将其导入到项目中
npm install @heroicons/react页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69265561
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号