我使用以下文档制作了一个vue项目：https://vuejs.org/guide/quick-start.html#creating-a-vue-application
我想把tailwind css添加到这个项目中。所以我使用了这个指南（从point 2 Install Tailwind CSS开始）：https://tailwindcss.com/docs/guides/vite#vue
但是，我没有看到任何更改，并收到以下警告：
warn - No utility classes were detected in your source files. If this is unexpected, double-check the `content` option in your Tailwind CSS configuration.
warn - https://tailwindcss.com/docs/content-configuration我按照指令，因为它是。我尝试以下内容配置，我仔细检查它，看看所有的文件到位。
我希望生成tailwind.config.cjs文件，但生成的却是tailwind.config.js。
更新：使用此链接重复所有步骤时：https://tailwindcss.com/docs/guides/vite#vue
在步骤4：Add the Tailwind directives to your CSS中，当我按照步骤中的要求替换style.css的内容时..正好在这一点之后，显示了错误。
2条答案
按热度按时间34gzjxbg1#
修复了..在不和谐社区中询问时得到的回答是：
感谢您提供一个远程托管的存储库。它似乎对我来说工作得很好，它可能是你遇到了一个错误，这个PR解决了：您可以暂时尝试内部版本，看看是否可以修复它
npm install tailwindcss@insidersdjp7away2#
我刚刚给出了同样问题的解决方案。你可能也有同样的...
我的tailwind.config.js如下：
}，
...我把目标文件夹从“src”改成了“public”，这对我很有效。
就像这样：
}，
希望这对你有帮助。祝你好运，编码快乐！