PhpStorm 中的 TailwindCSS 自动完成功能不起作用

Posted 2023-03-07

【中文标题】PhpStorm 中的 TailwindCSS 自动完成功能不起作用

【英文标题】：TailwindCSS autocompletion in PhpStorm not working

【发布时间】：2021-03-16 09:13:17

【问题描述】：

我刚刚将 phpStorm 更新到版本 2020.3，现在支持 Tailwind CSS 的自动完成功能。但是在我的新更新版本中，它无法正常工作并且无法弄清楚原因。

在 html、blade 和 css 文件中，Tailwind CSS 没有自动完成功能。

我是否在某处启用了此功能？为什么它不起作用？

【问题讨论】：

检查原票是否有可能的要求等：@​​987654321@。 TailwindCSS 包的安装/使用方式 Tailwind 版本可能会影响这一点。检查ticket cmets并查看相关ticket。其他门票（您可以浏览它们）：youtrack.jetbrains.com/issues/WEB?q=tailwind。 blog.jetbrains.com/webstorm/2020/11/webstorm-2020-3-eap-7/…

【参考方案1】：

看起来在使用 npm 安装程序和使用版本 npm:@tailwindcss/postcss7-compat@^2.0.1 的 tailwind 时存在错误。

来源 https://youtrack.jetbrains.com/issue/WEB-48473

我的解决方案： 删除 node_modules 并使用yarn install

【参考方案2】：

如果您使用的是节点版本管理器，请检查您的项目的 Node.js 和 NPM 语言和框架配置是否实际上使用您安装 tailwind 和 postCSS 包的相同节点版本

【讨论】：

关于如何做到这一点的任何提示？我对顺风很陌生，只做 PHP

【参考方案3】：

要解决此问题，请更新到版本 2021.3.1。不要寻找其他解决方案，因为它不存在 enter image description here