Tailwind CSS IntelliSense が動かない

1005 ワード
VisualStudioCode tailwindcss VisualStudioCode テキストリンク

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 の再起動 🙅

解決方法

ルートディレクトリをリネームしたら解決しました 🙆