我正在建立一个Next JS网站，并使用JIT运行Tailwind。这是我的tailwind.config.js：
module.exports = {
mode: "jit",
purge: ["./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}"],
darkMode: false, // or 'media' or 'class'
theme: {
extend: {},
},
variants: {},
extend: {},
plugins: [],
};问题是，每次我编写新代码时，我都必须重新启动服务器并运行“npm run dev”，因为它没有更新我在http：//localhost：3000/上的CSS。
当我运行服务器时，我也会收到一个警告：
warn - You have enabled the JIT engine which is currently in preview.
warn - Preview features are not covered by semver, may introduce breaking changes, and can change at any time.你知道是什么原因吗？谢谢！
8条答案
按热度按时间xqnpmsa81#
由于JIT模式通过扫描模板文件按需生成CSS，因此在tailwind.config.js文件中使用所有模板路径配置清除选项至关重要，否则，CSS将为空。
8zzbczxx2#
请访问https://tailwindcss.com/docs/just-in-time-mode#styles-don-t-update-when-saving-content-files
您也可以将
TAILWIND_MODE=watch添加到.env文件中。我希望它的工作，因为当我删除这个，我也面临着同样的错误.
这个警告没什么，只是个信息
np8igboo3#
我有同样的问题，在删除所有内联tailwind类，并把它们放在CSS文件与
@apply它得到很好的工作。j5fpnvbx4#
修复了此问题，只需在tailwind.config.js文件中编辑一点"purge"属性，添加正确的路径，如. "/public/* /. html "、. "/src/* /. {js，jsx，ts，tsx，vue}"，
你就可以走了。
mmvthczy5#
在Nuxtjs中，我补充道：
在文件中：
~/assets/css/tailwind.csszfciruhq6#
检查你的CSS，顺风可以死，如果你有
@charset "UTF-8";在CSS文件62lalag47#
在我的例子中，顺风不是问题--原来我的一个组件由于计时器而发生了内存泄漏。
在一个完全独立的页面/组件上测试tailwind，看看热刷新是否有效。如果它在一个页面上有效，而在另一个页面上无效--你很可能有内存泄漏。
a0x5cqrl8#
试着把你的排气管的支架拆下来。我就是这样修好的。
从这里：
改为：