升级Parcel后出现@parcel/transformer-postcss需配置plugins错误如何解决？

报错信息：
@parcel/transformer-postcss: PostCSS config must have plugins
at load ([projectpath]/node_modules/@parcel/transformer-postcss/lib/loadConfig.js:166:13)

修复步骤 #

• 移除优先级更高的JS格式PostCSS配置
  检查项目根目录是否存在postcss.config.js、.postcssrc.js这类JS格式配置文件，Parcel会优先读取这类文件，既会触发「建议优先使用.postcssrc JSON文件」的提示，也会导致你编写的.postcssrc不生效，直接删除这类JS格式配置即可。
• 安装缺失的PostCSS依赖
  配置中用到的autoprefixer需要手动安装到开发依赖，执行对应包管理器的安装命令：

  # npm
  npm install postcss autoprefixer --save-dev
  # yarn
  yarn add postcss autoprefixer --dev
  # pnpm
  pnpm add postcss autoprefixer -D
  

• 清理缓存后重新构建
  Parcel默认会缓存旧的配置信息，修改配置后需要先清理缓存再执行构建：
  1. 直接删除项目根目录下的.parcel-cache文件夹，或者执行命令npx parcel clean
  2. 重新执行parcel build命令即可

配置校验 #

你当前的.postcssrc配置格式符合要求，无需修改：

{
  "modules": true,
  "plugins": {
    "autoprefixer": {
      "grid": true
    }
  }
}

如果不需要开启CSS Modules，删除"modules": true这行配置即可，不影响插件加载逻辑。

内容的提问来源于stack exchange，提问作者koalaok