TailWind
- Mui를 사용했던 프로젝트를 tailwind로 마이그레이션 하기 위해 MUI를 밀고 tailwind를 설치했다.
- 이후 tailwind가 적용되지 않는 문제가 발생했는데, 폴더의 구조나
layout, global.css등의 파일을 모두 확인해보아도 적용되지 않았다.
solution
- 내 문제는 아니었지만 작성해보자면
Next.js공식 문서에 나와있길,css폴더는src폴더 안에서 위치하는 것을 권장하며, global.css의 파일명을 사용할 것을 권장한다. - 해결, 터미널을 확인해보니 ` No utility classes were detected in your source files. If this is unexpected, double-check the content option in your Tailwind CSS configuration.` 이런 에러가 발생했다.
- 그리고 찍힌 tailwind 공식 문서 링크를 들어가니 tailwind.config 파일의 옵션을 설명하는데, tailwind를 파일들의 위치를 나타낼 옵션 값인 content로 지정해주는데, 나의 경우 이상이 없어보였다.
- tsx, jsx 등으로 작성되어 있는 content 목록…확장자 앞에 띄어쓰기가 있어서 적용이 안 됐음…