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

Posted

技术标签:

【中文标题】如何修复“模块构建失败(来自 ./node_modules/postcss-loader/src/index.js)”【英文标题】:How to fix “Module build failed (from ./node_modules/postcss-loader/src/index.js)” 【发布时间】:2020-11-26 15:49:30 【问题描述】:

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

警告

在 ./assets/css/style.css

模块警告(来自 ./node_modules/postcss-loader/src/index.js): (13:3) start 值有混合支持,考虑使用 flex-start 反而 友好错误 18:06:28 @ ./assets/css/style.css @ ./.nuxt/App.js @ ./.nuxt/index.js @ ./.nuxt/client.js @多事件源-polyfill webpack-hot-middleware/client?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js

我该怎么办?

【问题讨论】:

【参考方案1】:

我也遇到了这个警告:

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

虽然警告信息可以忽略,但是让我很不舒服。

终于找到了一个合理的答案here,重点是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.

【讨论】:

【参考方案2】:
build: 
    postcss: 
      preset: 
        features: 
          // Fixes: https://github.com/tailwindcss/tailwindcss/issues/1190#issuecomment-546621554
          "focus-within-pseudo-class": false
        
      ,
    ,

【讨论】:

以上是关于如何修复“模块构建失败(来自 ./node_modules/postcss-loader/src/index.js)”的主要内容,如果未能解决你的问题,请参考以下文章

如何修复漏洞

如何修复WMI

PHP网站漏洞怎么修复 如何修补网站程序代码漏洞

如何修复这些漏洞? (npm audit fix 无法修复这些漏洞)

如何修复AppScan漏洞

如何在DOS环境下修复系统