tailwindcss 生成的 css 中出现“Term Expected”错误

Question

我正在开发一个使用EJS作为模板引擎的Node.js Express项目。我正在 Intellij Ultimate Edition 上开发这个。Intellij 的 tailwind css 插件已安装。我使用 tailwindcss v3 作为我的 css 框架。我遵循了他们的入门指南，并使用 Tailwind CLI 作为我的安装方法。

tailwind.config.js

module.exports = {
  mode: 'jit',
  content: ['./views/*.ejs'],
  theme: {
    extend: {},
  },
  plugins: [],
};

我正在像这样构建 css：

npx tailwindcss -i source.css -o public/stylesheets/style.css --watch

源文件.css

@tailwind base;
@tailwind components;
@tailwind utilities;

所以一切都工作正常，没有问题，但是我在 IDE 中是一个没有错误/警告的人（阅读 OCD），并且 IDE 中显示的错误/警告困扰着我，我想知道如何修复它或者如果它本来就是这样，那么如何抑制呢？

我添加了屏幕截图以供参考。如果需要更多信息来调试，请告诉我，我很乐意提供。

Answer 1

（回答我自己的问题）

所以，看起来@tailwind base;罪魁祸首就是。

根据顺风文档：

Preflight 建立在现代规范化之上，是 Tailwind 项目的一组基本样式，旨在消除跨浏览器的不一致，让您更轻松地在设计系统的约束下工作。

当您在 CSS 中包含 @tailwind base 时，Tailwind 会自动注入这些样式

看起来这有一些 Intellij 认为错误的样式，因此显示错误/警告。你可以在这里读更多关于它的内容。

快速解决方案是删除 @tailwind 基础；从您的source/input.css中删除，只要您同意浏览器之间存在轻微的不一致，那么删除它似乎是安全的。

随着我的应用程序成熟，我将重新考虑删除它的决定。不确定这是 IntelliJ 问题还是 Tailwind 问题。请提出建议，我可以相应地提出一个问题。

编辑： 我找到了一种方法来禁用 IntelliJ 检查仅一个文件。在我看来，此解决方案比从 source.css 中删除 @tailwind base 更好

您可以通过打开罪魁祸首文件并转到检查气泡（右上角，带有复选标记、十字等），然后单击“突出显示：无”来完成此操作。

我还在此处开始了有关 tailwindcss git 存储库的讨论。