React项目执行npm run build打包报错，疑涉Webpack求解决方案

从你提供的报错信息（SassError: Invalid parent selector: "&-active"）和theme.scss代码来看，问题核心是Sass嵌套选择器使用违规：你在没有父选择器的上下文里直接使用了&-active这种依赖父引用的语法，导致Sass无法解析&符号。

具体修复步骤： #

• 定位theme.scss中包含&-active的代码块，确保它嵌套在一个父选择器内部。示例：

  // 错误写法：无父选择器直接用&
  &-active {
    background-color: #165DFF;
  }
  
  // 正确写法：嵌套在父选择器内
  .custom-btn {
    &-active {
      background-color: #165DFF;
    }
  }
  

• 如果是全局通用的active类，直接写.active即可，无需使用&前缀。

额外排查建议： #

• 若使用Create React App，无需手动修改Webpack配置，执行npm install重新安装依赖，确保sass-loader、css-loader等依赖版本兼容。
• 检查所有Sass文件的语法，避免其他无父级的&嵌套错误。

内容的提问来源于stack exchange，提问作者Muhammad Tauqeer Taj