首頁  >  問答  >  主體

找不到模組:錯誤:無法解析“@heroicons/vue/24/outline”

在我的 vue 元件中新增此參考後,我立即收到錯誤訊息:

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

我使用的是 tailwindcss 3.1.8。

我已經執行了這個:

npm install @headlessui/vue @heroicons/vue

我安裝了 Heroicons 1.0.6 版本。為什麼找不到圖示?

P粉706038741P粉706038741374 天前676

全部回覆(1)我來回復

  • 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/ 不起作用,因為它仍然包含舊的)

    回覆
    0
  • 取消回覆