Vue2项目编译报错PostCSS received undefined instead of CSS string如何解决

方案1：修正sass相关依赖版本（优先尝试，80%以上该场景问题可解决） #

该报错核心是sass编译工具和现有环境版本不匹配，node-sass已停止维护，对Node16+兼容性极差，建议替换为dart-sass：

• 先删除项目根目录下的node_modules文件夹、package-lock.json文件
• 执行卸载命令：
  npm uninstall node-sass sass-loader
• 执行安装兼容版本命令：
  npm install sass@1.32.13 sass-loader@10.1.1 --save-dev
• 重新启动项目测试即可

方案2：回退项目本地@vue/cli-service版本 #

全局升级vue/cli不会直接影响原有项目，冲突来自项目本地安装的@vue/cli-service版本过高，无需修改全局vue/cli，直接调整本地依赖版本即可：

• 卸载当前本地cli服务依赖：
  npm uninstall @vue/cli-service
• 安装Vue2适配的稳定4.x版本：
  npm install @vue/cli-service@4.5.19 --save-dev
• 重新执行npm install安装全量依赖后启动项目

补充验证 #

如果上述操作完成后仍报错，可检查项目根目录下的postcss.config.js配置是否存在语法错误，确保配置导出为符合CommonJS规范的对象即可。

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