Tailwind CSS 没有使用“jit”即时模式自动完成

Posted

技术标签:

【中文标题】Tailwind CSS 没有使用“jit”即时模式自动完成【英文标题】:Tailwind CSS no autocomplete with 'jit' Just-In-Time mode 【发布时间】:2021-08-15 21:33:28 【问题描述】:

我只是在尝试新的 Tailwind CSS 'jit' 模式,并在切换 Webstorm 无法自动完成 Tailwind CSS 类时意识到。 可以解决这个问题吗?

我的tailwind.config.js;

module.exports = 
  mode: 'jit',
  purge: [
    './public/**/*.html',
    './src/**/*.js,jsx,ts,tsx,vue',
  ],
  presets: [],
  darkMode: false, // or 'media' or 'class'
  theme: ...
...

我的 postcss 配置(在 nuxt.config.js 中);

postcss: 
      plugins: 
        'tailwindcss': ,
        '@tailwindcss/jit': ,
        autoprefixer: ,
      
    

【问题讨论】:

这个问题不再有任何用途。对于 Tailwind 3,请参阅文档。 "mode" 已被删除,因为 'jit' 现在是默认设置。 purge 选项已重命名为 content 并建议使用。 【参考方案1】:

这是一个已知问题:在"jit" 模式下,代码完成列表非常有限,大多数适用的 CSS 类不建议使用。此问题将在WEB-50318范围内修复,请关注更新。

还要注意,当使用最新的tailwindcss 版本时,补全包括来自一些*.test.css 文件的不相关的CSS 类。这将在下一次 tailwindcss 软件包更新中得到修复,请参阅 https://github.com/tailwindlabs/tailwindcss/issues/4393。解决方法:删除node_modules/tailwindcss/jit/tests/ 文件夹,不需要。

【讨论】:

以上是关于Tailwind CSS 没有使用“jit”即时模式自动完成的主要内容,如果未能解决你的问题,请参考以下文章

下一代Tailwind CSS 将引入JIT编译器

Visual Studio 代码 - 使用 Tailwind JIT CSS 在保存时编译

为啥在 Tailwind CSS JIT 模式下保存文件时样式不更新,我需要重新启动服务器?

Tailwind CSS 样式未应用于 Vercel 上已部署的 NextJs 应用程序

即时编译器(JIT) 速成课

CUDA 表达式模板和即时编译 (JIT)