boussadjra / vueye

Vue 3 template with many components based on Tailwind CSS 3 and Typescript

Home Page:https://vueye.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

An icon name doesn't exist

jjaimealeman opened this issue · comments

Hi there.

I really like this project.

I came across a few errors.

rendering chunks (1)...[unocss] failed to load icon "i-carbon-exclamation"

screenshot1

screenshot2

Versions

└─>node -v && npm -v && pnpm -v         
v16.17.0
8.15.0
7.9.5

Hi, that's great pleasure to see someone liking my project, I fixed the issue please clone the project again or just remove i-carbon-exclamation from src\pages\components\icons.vue

So the first error from above rendering chunks (1)...[unocss] failed to load icon "i-carbon-exclamation" was not repeated, so cool! 👍 I noticed you removed it from icons.vue, simple solution - lol.

However the second error persists:
error

what did you run as command? since I don't get that error when I run pnpm run dev

pnpm run dev has no error.
screenshot1

pnpm run build is the one that produces the error.

Here is a video/cast output for you https://asciinema.org/a/h2Jk1dyMCUYPchh3YUiXU7YtD

I've found the where the issue comes from, I've a wrong element name <class i-carbon-copy size="1em" /> in icons page, it's a stupid typo, I just changed to span and the error is gone, I gonna push the changes

How did you find <class i-carbon-copy size="1em" /> was the cause? Am impressed! :D

By the way, pnpm run build ran with out issue.

The weakmap used in this tool takes a valid html element name like div, span ..., class is not a valid one, please don't forget to star the project if you've not done that yet