Estoy tratando de pasar de babel a swc para compilar y agrupar una biblioteca de componentes de reacción, pero tengo problemas con la configuración.

Cuando ejecuto npm run spack , aparece el siguiente error:

 thread '<unnamed>' panicked at 'internal error: entered unreachable code: module item found but is_es6 is false: ExportNamed(NamedExport { span: Span { lo: BytePos(954874), hi: BytePos(954914), ctxt: #0 }, specifiers: [Named(ExportNamedSpecifier { span: Span { lo: BytePos(954883), hi: BytePos(954890), ctxt: #0 }, orig: Ident(Ident { span: Span { lo: BytePos(954883), hi: BytePos(954890), ctxt: #4141 }, sym: Atom('default' type=static), optional: false }), exported: Some(Ident(Ident { span: Span { lo: BytePos(954883), hi: BytePos(954890), ctxt: #194 }, sym: Atom('default' type=static), optional: false })), is_type_only: false })], src: Some(Str { span: Span { lo: BytePos(954898), hi: BytePos(954913), ctxt: #0 }, value: Atom('./FormControl' type=dynamic), raw: Some(Atom(''./FormControl'' type=dynamic)) }), type_only: false, asserts: None })', crates/swc_bundler/src/bundler/chunk/cjs.rs:142:29

Lo que obtengo de este error es que no puede agrupar los componentes de React. No puedo encontrar la configuración is_es6 mencionada en el error, así que no estoy seguro de cómo resolver esto. Intenté volver a leer el documento de swc sin ningún éxito. La parte del módulo de la configuración no parece resolver mi problema.

Aquí está mi árbol de trabajo:

 . ├── jest.config.ts ├── package-lock.json ├── package.json ├── spack.config.js └── src ├── components │ ├── FiltersBar │ │ ├── FiltersBar.test.tsx │ │ ├── FiltersBar.tsx │ │ ├── __snapshots__ │ │ │ └── FiltersBar.test.tsx.snap │ │ └── index.ts │ └── index.ts ├── index.ts └── libraries ├── helpers │ ├── helpers.test.ts │ ├── helpers.ts │ └── index.ts └── index.ts

Aquí está mi archivo .swcrc :

 { "jsc": { "target": "es2021", "parser": { "syntax": "typescript" } }, "module": { "type": "commonjs" } }

Soy bastante nuevo en todo esto, así que tengan paciencia conmigo :)