Module introuvable : erreur : impossible de résoudre '@heroicons/vue/24/outline'

Question

Immédiatement après avoir ajouté cette référence dans mon composant vue, j'ai reçu le message d'erreur :

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

J'utilise tailwindcss 3.1.8.

J'ai exécuté ceci :

npm install @headlessui/vue @heroicons/vue

J'ai installé Heroicons version 1.0.6. Pourquoi ne puis-je pas trouver l'icône ?

Answer 1

On dirait que Heroicons 1.0.6 est obsolète. La version 2.0.*

doit être obtenue en appelant

npm install @heroicons/vue@latest

Les icônes doivent être importées de '@heroicons/vue/**' 更改为 '@heroicons/vue/24/*'

J'ai également dû remplacer certaines anciennes icônes par de nouvelles car elles avaient peut-être été renommées ou supprimées. Les nouvelles icônes peuvent être trouvées sur https://unpkg.com/browse/@heroicons/vue@2.0.10/24/outline/ (page https:///vue-hero-icons.netlify.app/ Pas de travaux car il contient toujours l'ancien)