用于 Tailwind CSS 的 PhpStorm 自动完成功能不起作用

问题描述

我目前有一个包含 Tailwind 的 NuxtJS (VueJS) 项目(最新版本)。 我使用 PHPStorm 作为编辑器。

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

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

我最近尝试的是在 PHPStorm 中使用 npm ci使缓存无效/重新启动,但不幸的是这并没有帮助。

我使用的是最新版本的 PHPStorm。

解决方法

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

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