Maison  >  Questions et réponses  >  le corps du texte

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

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 ?

P粉706038741P粉706038741323 Il y a quelques jours600

répondre à tous(1)je répondrai

  • P粉619896145

    P粉6198961452023-11-02 10:53:09

    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)

    répondre
    0
  • Annulerrépondre