如何修复"模块构建失败(来自./node_modules/postpass-loader/src/index.

Question

当我尝试运行我的应用程序时，我遇到了这个错误，我使用了我一直使用的所有依赖项，所以我对此感到非常困惑。

中的警告

中/assets/css/style.css

模块警告(来自./node_modules/postpass-loader/src/index.js(：
(13:3(启动值具有混合支持，请考虑使用flex启动相反友好错误18:06:28@/assets/css/style.css@./。nuxt/App.js@./。nuxt/index.js@./。nuxt/client.js@多事件源polyfillwebpack热中间件/客户端？reload=true&timeout＝30000&ansiColors=&overlayStyles=&路径=%2F__webpack_hmr%2Fclient&name=客户端./.nuxt/client.js

我该怎么办？

Answer 1

build: {
postcss: {
preset: {
features: {
// Fixes: https://github.com/tailwindcss/tailwindcss/issues/1190#issuecomment-546621554
"focus-within-pseudo-class": false
}
},
},
}

Answer 2

我也遇到了这个警告：

start value has mixed support, consider using flex-start instead

虽然警告消息可以忽略，但它让我感到不适。

最后，我在这里找到了一个合理的答案，重点是flex-direction与writing-mode direction

1. flex-start (default): items are packed toward the start of the flex-direction.
2. flex-end: items are packed toward the end of the flex-direction.
3. start: items are packed toward the start of the writing-mode direction.
4. end: items are packed toward the end of the writing-mode direction.