Visual Studio Code の拡張機能の Tailwind CSS IntelliSense が特定の HTML ファイルで動作しなかったときの解決メモです。
環境
- Visual Studio Code | バージョン: 1.65.2
- Tailwind CSS IntelliSense | バージョン: v0.7.7
ディレクトリ構成
.
├── dist
│ └── output.css
├── src
│ ├── a.html
│ ├── b.html
│ └── input.css
└── tailwind.config.js
症状
上記ディレクトリ構成で、 a.html では Tailwind CSS IntelliSense の suggestions が表示されるのですが、b.html では表示されない。（a.html と b.html は同じ内容）
解決のため、試したこと
- b.html のファイル名を変える 🙅
- a.html を b.html にリネーム 🙅
- Tailwind CSS IntelliSense の再インストール 🙅
- Visual Studio Code の再起動 🙅
- Mac の再起動 🙅
解決方法
ルートディレクトリをリネームしたら解決しました 🙆