[TailwindCSS] "Unknown at rule @tailwind" css warning 해결

에러

vscode 기본 설정 상태라면 tailwind 설치 후 css에 아래같은 경고가 발생한다.

 

원인

vscode에서는 @tailwind 키워드를 알 수 없는 키워드로 분류하기 때문에 이런 경고가 발생한다.

정상적인 흐름이고 로더 사용이나 설정 변경을 하지 않는 이상, 이 파일은 반드시 오류가 나게 된다.

 

해결

해결 방법은 어렵지 않았는데, vscode 설정 창을 열고 (단축키: ctrl + ,)

unknown 검색후 "Unknown At Rules" 항목에 기본값 "warning"을 "ignore"로 변경해주면 된다.

 

CSS와 SCSS가 따로 설정되므로 둘 다 ignore로 변경해주자.

 

변경 후