React Tailwind CSS 应用程序上的类自动补全未出现在 WebStorm 中

Question

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

JetBrains 演示显示了想要的结果。 顺风 CSS |网络风暴

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

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

Answer 1

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

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

Answer 2

对于带有 React 的 Vite（Typescript）：

编辑：Webstorm/Intellij Idea

反应 - 18

第1步：

从 package.json 中删除此行：

"type":"module"

第2步：

postcss.config.js

重命名为

postcss.config.cjs

不要使用：

export default {

而是使用：

module.exports = {

示例：postcss.config.cjs

module.exports = {
    plugins: {
        tailwindcss: {}, // or name of your tailwind config file
        autoprefixer: {},
    },
}

第三步：

将

tailwind.config.js

重命名为

tailwind.config.cjs

第 4 步：（可选）

如果您要在 tailwind.config.js 中导入任何框架或库，

不要使用这个：

import {nextui} from "@nextui-org/react";

但是使用这个：

const {nextui} = require("@nextui-org/react");

这个解决方案对我有用

Answer 3

只需在 vsCode 本身中安装 Tailwind CSS IntelliSense 扩展即可。无需降级。