suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Modul nicht gefunden: Fehler: „@heroicons/vue/24/outline“ kann nicht aufgelöst werden

Unmittelbar nach dem Hinzufügen dieser Referenz in meiner Vue-Komponente erhielt ich die Fehlermeldung: 

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

Ich verwende tailwindcss 3.1.8.

Ich habe das ausgeführt: 

npm install @headlessui/vue @heroicons/vue

Ich habe Heroicons Version 1.0.6 installiert. Warum kann ich das Symbol nicht finden?

P粉706038741P粉706038741453 Tage vor755

Antworte allen(1)Ich werde antworten

  • P粉619896145

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

    看起来 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/ 不起作用，因为它仍然包含旧的）

    Antwort
    0
  • StornierenAntwort