模块未找到:错误:无法解析@英雄/vue/24/大纲‘

Question

一旦我在vue组件中添加了这个引用，我就会得到错误消息：

<script setup>
import { ExclamationTriangleIcon, XMarkIcon } from '@heroicons/vue/24/outline'

我用的是尾风3.1.8。

我执行了以下命令：

npm install @headlessui/vue @heroicons/vue

我安装了1.0.6版的英雄主义者。为什么找不到图标？

Answer 1

看上去英雄人物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/不工作，因为它仍然包含旧图标)