React项目执行npm run build时出现SCSS ParseError求助

以下是几个可能的原因和对应解决方法：

• 无效十六进制颜色值
  你的代码里.mat-select-dark2类下有一行color: #9vvxb3 !important;，这个颜色值是非法的——十六进制颜色只能包含0-9、a-f（大小写均可），这里出现了v和x这类无效字符。虽然错误提示指向第1行，但SCSS解析器遇到无效语法时，报错位置经常会偏移，优先修复这个明显错误。

• SCSS Map尾逗号兼容性问题
  $theme-colors和$grid-breakpoints两个SCSS Map中，最后一个键值对后面都加了尾逗号（比如"ass": #858585,、xxxl: 1600px,）。部分旧版本的SCSS预处理器（如node-sass早期版本）不支持这种语法，如果你的依赖最近自动更新过，可能触发这个问题。尝试去掉这些尾逗号后重新构建。

• 依赖缓存或版本冲突
  既然之前构建正常，突然报错，大概率是依赖缓存或版本变动导致的。可以按以下步骤操作：

  1. 删除项目根目录下的node_modules文件夹和package-lock.json文件
  2. 执行npm cache clean --force清理npm缓存
  3. 重新执行npm install安装依赖
  4. 再次运行npm run build尝试构建

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