Unknown at rule @tailwind

Next.js 블로그 제작기

Tailwind CSS 설정 중 Unknown at rule @tailwind 에러 해결 방법

Tailwind CSS를 설정하던 중, globals.css 파일에서 Unknown at rule @tailwind 에러가 발생했습니다.

기존 프로젝트 구조는 다음과 같았습니다.

📦Woody-tech-blog
┣ 📂app
┃ ┣ 📜favicon.ico
┃ ┣ 📜globals.css
┃ ┣ 📜layout.tsx
┃ ┗ 📜page.tsx
┣ 📂components
┣ 📂lib
┃ ┗ 📜utils.ts
┣ 📂node_modules
┣ 📂public
┃ ┣ 📂post
┃ ┣ 📜next.svg
┃ ┗ 📜vercel.svg

저는 구조를 아래와 같이 변경했기에

📦Woody-tech-blog
┣ 📂public
┃ ┣ 📂post
┃ ┣ 📜next.svg
┃ ┗ 📜vercel.svg
┣ 📂src
┃ ┣ 📂app
┃ ┃ ┣ 📜favicon.ico
┃ ┃ ┣ 📜globals.css
┃ ┃ ┣ 📜layout.tsx
┃ ┃ ┗ 📜page.tsx
┃ ┣ 📂components
┃ ┣ 📂lib
┃ ┃ ┗ 📜utils.ts
┣ 📂node_modules

이 변경에 따라 tailwind.config.ts 파일에서 content 경로를 수정했습니다.
하지만 여전히 에러가 사라지지 않았습니다.

정답은......

설치하면 끝..^^!