Tailwind CSS Intellisense 작동 안됨 문제

증상

className 작성할때 어제까지 잘 되던게 오늘 갑자기 아예 안뜨기 시작했음

tsconfig문제도 겹쳐서 이게 원인인 줄 알았는데 eslint까지 다시 작업하고나니,

여전히 tailwind css intellisense가 안됨!

해결시도

먼저 상태 확인한다.

Cmd + Shift + P → Tailwind CSS: Show Output → 출력 탭에서 "Found tailwind.config.js" 로그가 나오는지 확인

"No matching project for document" 오류 메시지는 Tailwind CSS IntelliSense 확장 프로그램이 현재 파일(Header.tsx)을 올바른 Tailwind 프로젝트의 일부로 인식하지 못하고 있다는 뜻이다. 

• 파일경로 확인
  • tailwind.config.js: "./src/**/*.{js,ts,jsx,tsx}"
• 재시작(Cmd + Shift + P → Reload Window)
• 재설치
• Cmd + Shift + P → Tailwind CSS: Restart Language Server
• vscode setting.json에 설정도 추가
  .vscode/setting.json

  {
  "editor.quickSuggestions": {
    "strings": true
  },
  "tailwindCSS.experimental.classRegex": [
    "className=\"([^\"]*)\"",
    "class=\"([^\"]*)\""
  ]
  }

여전히 안됐다.

해결방법

그렇다면 intellisense 자체 문제인가.

이슈 들어가보니 안된다는 사람이 많았다.

이 글을 읽었다.
https://github.com/tailwindlabs/tailwindcss-intellisense/issues/1033

어제 새버전이 나와서 자동 업그레이드돼서 그런것같다.

 

톱니바퀴아이콘 눌러서 Install Specific Version.. 눌러서 구버전으로 다운그레이드한다. 

 

예전에 쓰던 구버전이 몇인지는 모르겠으나 4주전 릴리즈된 버전으로 해보니 안돼서

글에서 말한대로 v0.12.6으로 확 낮췄더니 잘된다 !!!