모듈을 찾을 수 없음: 오류: '@heroicons/vue/24/outline'을 확인할 수 없습니다.

Question

내 vue 구성 요소에 이 참조를 추가한 직후 다음 오류 메시지가 표시되었습니다.

으아악

tailwindcss 3.1.8을 사용하고 있습니다.

다음을 실행했습니다:

으아악

히로아이콘 버전 1.0.6을 설치했습니다. 왜 아이콘을 찾을 수 없나요?

Answer 1

Heroicons 1.0.6이 오래된 것 같습니다. 버전 2.0.*

을 호출하여 구해야 합니다. 으아악

아이콘은 '@heroicons/vue/**' 更改为 '@heroicons/vue/24/*'

에서 가져와야 합니다.

또한 일부 오래된 아이콘은 이름이 바뀌거나 삭제되었을 수 있으므로 새 아이콘으로 교체해야 했습니다. 새로운 아이콘은 https://unpkg.com/browse/@heroicons/vue@2.0.10/24/outline/(페이지 https:///vue-hero-icons.netlify.app/)에서 찾을 수 있습니다. 여전히 이전 버전이 포함되어 있으므로 작동하지 않습니다.)