我正在用Nuxt和tailwindcss构建Vue应用程序，我正在处理一个只在生产(或构建的应用程序(中发生的问题，而不是在开发环境中测试时。我怀疑nuxt build对我的css做了一些魔术，因为我没有使用任何css插件，比如cssnano或postcss。
我正在使用顺风等级"；环-2">定义为
box-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
当我看到戒指样式应用于开发时，它在生产中消失了。当我检查chrome中的元素时，我发现--tw环插入看起来没有定义。在代码中，我看到这个变量的定义类似于
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
可能解析为--tw环插图：，这可能被认为是错误的语法，因此未定义。
我看到人们对此有问题https://github.com/postcss/postcss/issues/1404或者在这里https://github.com/cssnano/cssnano/issues/1350但我没有使用这些库中的任何一个。
有没有人遇到过同样的问题，或者知道如何解决这个问题？非常感谢。
我不知道到底是什么问题，但我从nuxt.config.js中的Build属性中删除了'extractCSS:true'属性。这对我来说很好。图像