TailwindCss 오류 발생 - codingjwp/smartphone-project GitHub Wiki

tailwindcss 오류 발생

이 경고는 Tailwind CSS가 소스 파일에서 유틸리티 클래스를 찾지 못했다는 것을 의미합니다.

warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.
warn - https://tailwindcss.com/docs/content-configuration

원인

해당 에러는 tailwind.config.{js, ts}에서 content 구문을 인식하지 못해서 나오는 에러라고 하여 참조한 주소에서 해결방법을 찾아서 적용해 보았습니다.

• tailwind.config.ts를 tailwind.config.js로 변경
  • 똑같은 경고창 발생
• content 구문에 {js,ts} 괄호를 적용하지말고 개별 .js, .ts를 적용하기
  • 똑같은 경고창 발생

해결

하지만 동일한 경고창이 계속 발생하여 생각보는 중 문구 중 아래가 보여서 소스파일을 확인해보니

`No utility classes were detected in your source files.`

아직 코드상에서 tailwind를 사용하지 않았는 것을 확인하고 div 태그에 기본적으로 className에 tailwind 구문을 작성해보고 실행을 해보니 경고가 사라졌습니다.

찾아본 사이트: 경고문 stackoverflow 문제