SWC(spack)打包React组件库报is_es6为false错误如何解决

该报错是SWC打包工具Spack在处理CommonJS分块逻辑时触发的内部panic，核心触发条件有两个：

1. 源码中存在export { default } from './xxx'形式的默认导出重导出语句，从报错日志可以定位到出问题的语句是重导出./FormControl模块默认导出的代码
2. 打包阶段提前将源码转换为CommonJS格式，导致Spack的ES模块判定逻辑出错，错误走到了标记为unreachable的代码分支抛出异常。

另外你当前的.swcrc配置存在疏漏：parser仅开启了typescript语法支持，未开启tsx: true，解析.tsx后缀的React组件时本身就会存在解析问题。

• 全局检索源码中所有export { default } from写法，重点检查各组件目录下的index.ts入口文件，这类文件是重导出语句的高频出现位置，优先定位报错指向的./FormControl相关导出代码
• 检查配置冲突：确认spack打包阶段是否加载了设置module.type: commonjs的.swcrc配置，提前转译CJS会干扰Spack原生的模块解析逻辑
• 核对本地安装的@swc/core、@swc/cli、spack相关依赖版本，1.3.40以下版本存在大量ESM/CJS混合导出的解析bug

按优先级从高到低选择以下方案即可解决问题：

1. 修正配置冲突（优先选择，无代码改造成本）
   Spack本身基于ES模块做依赖分析和打包，不要在打包阶段提前将模块转为CommonJS。移除.swcrc中全局的commonjs模块配置，同时补上TSX语法解析支持，修改后的.swcrc如下：

{
  "jsc": {
    "target": "es2021",
    "parser": {
      "syntax": "typescript",
      "tsx": true
    }
  }
}

如果需要输出CommonJS格式的产物，把模块转换逻辑放到spack打包完成后，通过SWC单独做产物转译，或者直接在spack.config.js的输出配置里指定模块格式。

2. 绕开解析bug（适合不想升级/改配置的场景）
   把触发报错的export { default } from './FormControl'写法替换为等价的兼容写法，避开Spack的异常解析分支：

// 注释掉原有的重导出写法
// export { default } from './FormControl'

// 替换为以下写法
import FormControl from './FormControl'
export default FormControl

如果同文件存在多个命名导出，把default导出单独拆分出来写即可，不要混在export {}的重导出列表里。

3. 升级依赖版本
   将所有SWC相关依赖升级到1.3.40以上的稳定版本，新版本已经修复了该CJS分块逻辑里的unreachable代码panic问题，多数场景下不需要修改业务代码即可正常打包。

注意：排查时记得排除test测试文件、snapshot快照文件，这类文件不需要纳入spack打包范围，可以在spack配置里通过exclude规则忽略，避免无关文件干扰打包流程。

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