WebStorm 中未出现的 React Tailwind CSS 应用程序上的类的自动完成答案

【问题标题】：Auto completion for classes on React Tailwind CSS app not appearing in WebStormWebStorm 中未出现的 React Tailwind CSS 应用程序上的类的自动完成
【发布时间】：2021-09-22 17:42:38
【问题描述】：

非常简单但令人沮丧的问题。我已经开始使用 Tailwind CSS 开发 React 应用程序，但 Tailwind CSS 自动完成/建议没有出现。

JetBrains 演示显示了想要的结果。 Tailwind CSS | WebStorm

但是，在我的 WebStorm 中，我无法显示关于类的自动完成和建议。 Tailwind CSS 运行良好，只是不想显示自动完成。

由于没有任何类型的错误，我在这里有点迷失了，所以任何对正确方向的帮助将不胜感激！

【问题讨论】：

这可能取决于您如何设置/配置它（例如，具有jit 模式一：youtrack.jetbrains.com/issue/WEB-50318 或在子文件夹youtrack.jetbrains.com/issue/WEB-48964 中时...您的设置）：youtrack.jetbrains.com/issues/WEB?q=tailwind）。无论如何：请尝试2021.2 Beta version 看看效果如何（您可以与当前的 2021.1 版本并行运行它；只是不要同时在两个版本中打开同一个项目）。

标签： reactjs webstorm tailwind-css

【解决方案1】：

原来是当前 Tailwindcss 版本的问题..

切换回 npm:@tailwindcss/postcss7-compat@^2.1.4 成功了。希望这可以帮助其他陷入困境的人！

【讨论】：

youtrack.jetbrains.com/issue/WEB-51405 - 今天早些时候标记为已修复.. 所以应该在下一个主要的 2021.2 版本中。
在使用 Angular 13 和 Tailwind 3 时遇到了同样的问题。我的解决方案是更新到最新的 WebStorm 版本 (2021.3.1)。