Ada*_*dam 1 vue.js tailwind-css heroicons
在我的 vue 组件中添加此引用后,我立即收到错误消息:
<script setup>
import { ExclamationTriangleIcon, XMarkIcon } from '@heroicons/vue/24/outline'
Run Code Online (Sandbox Code Playgroud)
我使用的是 tailwindcss 3.1.8。
我已经执行了这个:
npm install @headlessui/vue @heroicons/vue
Run Code Online (Sandbox Code Playgroud)
我安装了 Heroicons 1.0.6 版本。为什么找不到图标?
看起来 Heroicons 1.0.6 已经过时了。必须通过调用获取版本 2.0.*
npm install @heroicons/vue@latest
Run Code Online (Sandbox Code Playgroud)
图标的导入必须更改'@heroicons/vue/**'为'@heroicons/vue/24/*'
我还必须将一些旧图标更换为新图标,因为它们可能已被重命名或删除。新图标可以在https://unpkg.com/browse/@heroicons/vue@2.0.10/24/outline/找到(页面https://vue-hero-icons.netlify.app/不起作用它仍然包含旧的)
| 归档时间: |
|
| 查看次数: |
7159 次 |
| 最近记录: |