Tailwind CSS 的 PhpStorm 自动完成功能无法正常工作

PhpStorm Autocomplete for Tailwind CSS not working

我目前有一个带有 Tailwind 的 NuxtJS (VueJS) 项目(最新版本)。 我正在使用 PhpStorm 作为编辑器。

出于某种原因,我没有为 Tailwind CSS 自动完成建议。 我已经尝试了很多不同的东西(我在 Google 上找到的任何东西)但到目前为止没有任何帮助。

谁能帮我找出问题所在以及如何解决这个问题?

我最近尝试的是 npm ciInvalidate Caches/ Restart 在 PhpStorm 中,但不幸的是没有帮助。

我正在使用最新版本的 PhpStorm。

您使用的是"jit"模式吗?有了它,代码补全列表非常有限,大多数适用的 CSS 类 都不建议。此问题将在WEB-50318范围内修复,请关注更新

另请注意,当使用最新的 tailwindcss 版本时,补全包括一些 *.test.css 文件中不相关的 CSS 类。这将在下一次 tailwindcss 包更新中修复,请参阅 https://github.com/tailwindlabs/tailwindcss/issues/4393。解决方法:删除 node_modules/tailwindcss/jit/tests/ 文件夹,不需要它。

运行 使用 WebStorm 解决了这个问题,之前的答案没有解决我的问题。但是,我能够通过添加 --jit 编译器选项而不是在顺风配置中使用 mode: 'jit' 来解决它。之后重启 WebStorm。