Modul tidak ditemui: ralat: tidak dapat menyelesaikan '@heroicons/vue/24/outline'

Question

Sejurus selepas menambah rujukan ini dalam komponen vue saya, saya mendapat mesej ralat:

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

Saya menggunakan tailwindcss 3.1.8.

Saya telah melaksanakan ini:

npm install @headlessui/vue @heroicons/vue

Saya memasang Heroicons versi 1.0.6. Mengapa saya tidak dapat mencari ikon?

Answer 1

Nampak seperti Heroicons 1.0.6 sudah lapuk. Versi 2.0.*

mesti diperolehi dengan menelefon

npm install @heroicons/vue@latest

Ikon mesti diimport dari '@heroicons/vue/**' 更改为 '@heroicons/vue/24/*'

Saya juga terpaksa menggantikan beberapa ikon lama dengan yang baharu kerana ia mungkin telah dinamakan semula atau dipadamkan. Ikon baharu boleh didapati di https://unpkg.com/browse/@heroicons/vue@2.0.10/24/outline/ (halaman https:///vue-hero-icons.netlify.app/ Tidak berfungsi kerana masih mengandungi yang lama)