"Term Expected" 顺风 css 生成错误 css

Question

我正在使用 EJS 作为模板引擎开发一个 node.js express 项目。我正在 Intellij Ultimate Edition 上开发这个。 Intellij's tailwind css plugin is installed. I am using tailwindcss v3 as my css framework. I have followed their Get Started 指南，我使用 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

source.css

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

所以一切正常，没有问题，但是我在 IDE 中不是 error/warning 有点家伙（阅读 OCD），并且 [ IDE 中显示的 =43=] 困扰着我，我想知道如何修复它，或者如果它本来就是这样，那么如何抑制它？

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

Answer 1

（回答我自己的问题）

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

根据 tailwind 文档：

Built on top of modern-normalize, Preflight is a set of base styles for Tailwind projects that are designed to smooth over cross-browser inconsistencies and make it easier for you to work within the constraints of your design system.

Tailwind automatically injects these styles when you include @tailwind base in your CSS

看起来这有一些 Intellij 认为是错误的样式，因此显示 errors/warnings。您可以阅读更多相关信息 here。

快速解决方案是 从您的 source/input.css 中删除 @tailwind base;，然后它只要浏览器之间存在轻微的不一致，就可以安全删除。

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

编辑： 我找到了一种方法来仅对一个文件禁用 IntelliJ 检查。这个解决方案比从 source.css

中删除 @tailwind base 更好

您可以通过打开罪魁祸首文件并转到检查气泡（右上角，带有复选标记、十字等）然后单击 Highlight:None.[=16= 来完成此操作]

我也开始讨论顺风css git repo here.

"Term Expected" 顺风 css 生成错误 css

"Term Expected" error in tailwindcss generated css

css

intellij-idea

tailwind-css