Parcel打包TypeScript组件库时export转export default导致导入报错如何解决

导出被转成export default的原因 #

这个问题是Parcel 2内置类型生成能力的已知bug：当入口文件采用「先导入模块、再集中解构导出」的写法时，Parcel的类型解析逻辑会错误识别导出属性，把命名导出强行转换为默认导出，最终生成存在语法错误的多默认导出d.ts文件。

调整重导出写法后仍报错的修复步骤 #

你改为直接重导出的写法已经修复了d.ts生成问题，此时仍报错可按以下步骤排查：

• 先清理组件库侧缓存后重新打包：删除组件库目录下的.parcel-cache、dist文件夹后再执行打包命令，避免Parcel复用旧的缓存产物
• 清理消费应用侧的关联缓存：在消费应用中依次执行yarn unlink myLibrary、yarn link myLibrary重新关联组件库，同时删除node_modules/.cache文件夹，清除react-scripts的模块解析缓存
• 核对组件库package.json的字段配置，确保以下字段填写正确：

{
  "source": "src/index.ts", // Parcel 2.0+版本识别打包入口的必填字段
  "main": "dist/index.js",
  "module": "dist/index.js",
  "types": "dist/index.d.ts"
}

• 检查组件源文件的导出方式：如果Component2在源文件中是默认导出，重导出时需要写成export { default as Component2 } from './components/Component2'，直接写export { Component2 }无法匹配到默认导出的内容

如果以上方案都无法解决，可以停用Parcel的自动类型生成功能，改用tsc单独生成类型文件：在tsconfig.json中开启"declaration": true、"outDir": "./dist"，打包时先执行tsc --emitDeclarationOnly生成类型文件，再执行Parcel打包命令即可。

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