如何修复“模块构建失败（来自./node_modules/postcss-loader/src/index.js）”

Question

当我尝试运行我的应用程序时出现此错误，我正在使用我一直使用的所有相同依赖项，所以我对此感到非常困惑。

警告

in./assets/css/style.css

模块警告（来自./node_modules/postcss-loader/src/index.js）：
(13:3) 开始值有混合支持，考虑使用 flex-start 代替友好错误 18:06:28 @./assets/css/style.css @./.nuxt/App.js @./.nuxt/ index.js @./.nuxt/client.js @multi eventsource-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client./.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 vs 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.