Css npm运行prod后出现错误

我正在开发一个与Laravel和Tailwind共享主机的小型网站。我可以在主机上使用命令行工具。在本地环境中，tailwind的工作没有问题，但在npm运行prod后，大多数tailwind功能缺失，app.css和app.js似乎有错误

e、 g.悬停缩放->变换悬停：scale-105 duration-200在主机上不工作

我尝试用cdn导入Tailwind，但这不是一个永久的解决方案

我做错了什么？？ 我一直在寻找答案，但运气不佳

我假设您在本地运行npm run dev，在生产npm run prod。默认情况下，开发版本的Tailwind不会删除未使用的样式规范。但当使用npm运行prod时，未使用的样式将被使用

正如您在文档中所看到的，模板的路径应该在tailwind.config.js的purge部分进行配置

module.exports={ 清除：[ “./src/***.html”， “./src/***.vue”， “./src/***.jsx”， ], //……更多。。 :

此列表应包括项目中按名称引用任何样式的所有文件

如果您不配置这些路径，Tailwind不知道您使用的是哪些类，因此将清除它找不到的所有样式，例如，您的悬停：scale-105

解决方案脏：。 您在生产环境中运行npm-run-dev，这将导致css的大量构建，但现在已经解决了这个问题

溶液清洁：。 你正确地配置了你的路径，让顺风正确地识别它，并清除未使用的样式…并且感到高兴

您也可以在您的开发环境中通过运行npm run prod来测试这一点，并查看发生了什么。

npm run production之后的app.css文件仍然有一些警告，当我将其上载到主机时，警告会变成错误。下面是一个屏幕截图

---

但是，当我在npm运行dev后使用该文件时，一切正常。可能我在Tailwind类之间发生冲突。我会给出一个答案。

这是一个专业提示，我花了很长时间才了解到……你不应该在生产服务器上运行npm run*，而应该在本地运行，然后部署.js文件。一旦我读到生产服务器不应该有node_modules文件夹不要问我你运行什么版本的Tailwind？1.x还是2？它是Tailwind 2.x