728x90
nuxt/ui 설치
npm install @nuxt/ui @nuxtjs/color-mode @nuxt/icon
💥 설치 시 Error가 발생했다!!
[vite-node] [ERR_LOAD_URL] #tailwind-config/theme/colors
→ Tailwind CSS and Nuxt UI의 충돌로 발생한 에러라는 뜻
만약 이 에러가 발생했다면 defineNuxtConfig 내부의 모듈 정의 순서를 바꿔주면 된다.
// @nuxt/ui가 앞에 위치해야 한다.
modules: ["@nuxt/ui", "@nuxtjs/tailwindcss"],
그리고 애초에 nuxt/ui를 쓸거면 따로 깔 이유가 하등 없다…
나는 tailwind를 먼저 설치해서 그런거였다ㅜ
728x90
'Vue > Nuxt' 카테고리의 다른 글
[ Nuxt, Tailwind ] custom color 적용 (0) | 2024.11.08 |
---|---|
[ Nuxt ] web font 적용 | pretendard | 가변 글꼴 (2) | 2024.11.07 |
[ Nuxt ] pinia 적용하기 | persist | 저장소 바꾸기 (0) | 2024.10.28 |
[ Nuxt ] primevue UI 라이브러리 적용하기 | preset 사용 (0) | 2024.10.23 |
[ Nuxt ] Nuxt에 ESLint 및 prettier 환경 설정 | prettier 옵션 정리 (2) | 2024.10.20 |