ReactJS报错：true is not a PostCSS plugin 问题求助

问题根源 #

这个错误是PostCSS处理器初始化时接收到true作为插件参数，而不是合法的PostCSS插件实例。结合你是运行npm update后出现问题，且使用react-scripts（默认集成PostCSS），大概率是依赖更新导致版本冲突，或是残留的Electron相关依赖干扰了PostCSS的默认配置。

解决方案步骤 #

1. 移除Electron相关依赖（你已确认不需要） #

先清理项目中所有Electron相关包，避免干扰构建配置：

• 打开package.json，删除以下内容：
  • dependencies中的electron、electron-compile、electron-forge、electron-is-dev
  • devDependencies中的electron-prebuilt-compile
  • scripts中的dev、electron、package、make-mac、make-linux、make命令
  • main、config.forge字段
• 执行命令清理并重装依赖：

rm -rf node_modules package-lock.json
npm install

2. 检查并移除自定义PostCSS配置 #

如果项目根目录存在postcss.config.js或.postcssrc文件，检查是否有类似plugins: [true]的错误配置（布尔值不能作为PostCSS插件），直接删除该配置文件即可（react-scripts自带默认PostCSS配置）。

3. 锁定PostCSS相关依赖版本 #

若上述步骤无效，可能是npm update升级了与react-scripts 5.0.1不兼容的postcss或postcss-loader版本，需锁定对应版本：

npm用户：

• 先安装依赖工具：

npm install --save-dev npm-force-resolutions

• 在package.json中添加：

"scripts": {
  "preinstall": "npx npm-force-resolutions"
},
"resolutions": {
  "postcss": "^8.4.14",
  "postcss-loader": "^6.2.1"
}

• 重新执行npm install

yarn用户：

直接在package.json添加：

"resolutions": {
  "postcss": "^8.4.14",
  "postcss-loader": "^6.2.1"
}

• 执行yarn install

4. 重置react-scripts配置 #

若以上都无效，且未执行过npm run eject，可重置react-scripts：

npm install react-scripts@5.0.1 --force

验证 #

执行npm run start或npm run build，检查错误是否消失。

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