使用 Vitejs 的 Tailwindcss 和 Vue3，每次都需要重新启动服务器才能看到变化，Vite 热重载不适用于 tailwind 类

Question

我正在尝试在 Vue3、tailwindcss 和 Vite 中制作一个项目

为此，我正在使用 Vite js 网站上提到的这个入门模板：https://github.com/web2033/vite-vue3-tailwind-starter

现在的问题是 tailwind classes 在 Vite 热重载上不起作用，HTML 正在更新没有任何问题，但要查看样式的变化，我需要一次又一次地重新启动服务器 与

npm run dev

那是我认为不应该的，我不能一次又一次地重启服务器

我试图找到一些答案，过了一段时间我也尝试在 chrome 中禁用缓存但没有成功。

节点版本：v16.13.0

更新

我最终删除了入门模板，并按照 Vue(vite) 项目的 tailwind-css 网站上的说明进行操作，现在可以正常工作了。

Answer 1

我尝试了解决它，但无法提出任何解决方案，所以我只是删除了整个启动器模板并从头开始创建了一个新项目，但这次使用 Vue (vite) 的 tailwind css 网站上的说明项目，它工作得很好。

如果你们中的任何人遇到同样的问题，我建议使用 Vue(vite) 项目的 tailwind css 网站上的文档，因为入门模板可能存在一些问题。