运行npm start时出现prefix_exceptions未定义编译错误，该如何解决？

原因说明 #

该报错由postcss和autoprefixer版本不兼容，或autoprefixer配置错误导致。

修复步骤 #

• 第一步：卸载当前冲突的依赖包
  执行命令：

npm uninstall autoprefixer postcss
# 若使用yarn则执行
yarn remove autoprefixer postcss

• 第二步：安装兼容版本组合
  根据项目类型选择对应版本：
  • 新版本普通项目/支持postcss 8的框架：

  npm install autoprefixer@10.x postcss@8.x --save-dev
  

  • 旧版本项目（比如未eject的低版本create-react-app）：

  npm install autoprefixer@9.8.6 postcss@7.x --save-dev
  

• 第三步：检查postcss配置
  确认项目根目录下的postcss.config.js（或.postcssrc）配置格式正确，示例如下：

module.exports = {
  plugins: {
    autoprefixer: {}
  }
}

不要为autoprefixer传入已废弃的配置参数。

• 第四步：清除缓存重装（如果上述操作仍未解决）
  1. 删除项目根目录的node_modules文件夹、package-lock.json文件（或yarn.lock文件）
  2. 执行缓存清理命令：npm cache clean --force
  3. 重新安装依赖：npm install
  4. 再次运行npm start验证

内容的提问来源于stack exchange，提问作者Md. Rokonuzzaman Reza