84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
在我的 vue 组件中添加此引用后,我立即收到错误消息:
<script setup> import { ExclamationTriangleIcon, XMarkIcon } from '@heroicons/vue/24/outline'
我使用的是 tailwindcss 3.1.8。
我已经执行了这个:
npm install @headlessui/vue @heroicons/vue
我安装了 Heroicons 1.0.6 版本。为什么找不到图标?
看起来 Heroicons 1.0.6 已经过时了。必须通过调用获取版本 2.0.*
npm install @heroicons/vue@latest
图标的导入必须从 '@heroicons/vue/**' 更改为 '@heroicons/vue/24/*'
'@heroicons/vue/**'
'@heroicons/vue/24/*'
我还必须将一些旧图标更换为新图标,因为它们可能已被重命名或删除。新图标可以在 https://unpkg.com/browse 找到/@heroicons/vue@2.0.10/24/outline/ (页面 https:// /vue-hero-icons.netlify.app/ 不起作用,因为它仍然包含旧的)
看起来 Heroicons 1.0.6 已经过时了。必须通过调用获取版本 2.0.*
图标的导入必须从
'@heroicons/vue/**'
更改为'@heroicons/vue/24/*'
我还必须将一些旧图标更换为新图标,因为它们可能已被重命名或删除。新图标可以在 https://unpkg.com/browse 找到/@heroicons/vue@2.0.10/24/outline/ (页面 https:// /vue-hero-icons.netlify.app/ 不起作用,因为它仍然包含旧的)