找不到模块:错误:无法解析“@heroicons/vue/24/outline”
P粉706038741
P粉706038741 2023-11-01 14:45:19
[Vue.js讨论组]

在我的 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 版本。为什么找不到图标?

P粉706038741
P粉706038741

全部回复(1)
P粉619896145

看起来 Heroicons 1.0.6 已经过时了。必须通过调用获取版本 2.0.*

npm install @heroicons/vue@latest

图标的导入必须从 '@heroicons/vue/**' 更改为 '@heroicons/vue/24/*'

我还必须将一些旧图标更换为新图标,因为它们可能已被重命名或删除。新图标可以在 https://unpkg.com/browse 找到/@heroicons/vue@2.0.10/24/outline/ (页面 https:// /vue-hero-icons.netlify.app/ 不起作用,因为它仍然包含旧的)

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号