package.json中main字段路径应指向哪里？Parcel构建失败如何解决？

你遇到的报错是Parcel 2的构建目标规则导致的：

• Parcel 2会自动识别package.json中的main、module、browser等字段作为构建输出目标，字段值对应的是构建后的产物输出路径，不是源码路径。
• 你当前项目的source字段指定了入口是src/index.html（HTML类型），但main字段的值是src/index.js（JS类型），Parcel校验发现输出目标的文件类型和入口编译后的产物类型不匹配，就抛出了这个错误。

分两种场景判断：

• 如果你开发的是直接部署的前端站点项目，不需要发布为npm公共包：直接删除main字段即可。main字段是npm包的专属配置项，用于指定其他开发者安装你的包时默认导入的文件路径，纯前端站点项目完全不需要这个配置，你之前删除后构建正常就是正确的状态。
• 如果你开发的是要发布到npm的工具/组件包：需要把source字段改为你的JS源码入口（比如src/index.js），同时把main字段指定为构建后的产物路径（比如dist/index.js），不要保留HTML类型的入口配置。

错误提示里的src/index.html只是类型匹配的参考建议，你忽略了一个核心规则：main字段的值是构建产物的输出路径，不能指向源码目录src，如果你强行保留main字段，也应该填写产物输出路径（比如dist/index.html），而不是源码路径。

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