Parcel ^2.0.0-rc.0运行报错:main目标不支持.html输出如何解决

报错原因 #

Parcel 2.0及以上版本规则中，package.json的main字段专门用于库类项目，仅支持.js、.mjs、.cjs后缀的JS入口文件。你当前是普通前端页面项目，将HTML文件路径填写到main字段不符合Parcel的配置要求，因此触发构建报错。

最优解决方案 #

• 打开项目根目录的package.json文件，直接删除"main": "index.html",整行配置，修改后配置参考如下：

{
  "name": "receipe-book",
  "version": "1.0.0",
  "description": "you can get your favourite receipe here",
  "scripts": {
    "start": "parcel index.html",
    "build": "parcel build index.html"
  },
  "author": "Somu Nelavalli",
  "license": "ISC",
  "dependencies": {
    "parcel": "^2.0.0-rc.0"
  }
}

• 保存修改后删除项目下的.parcel-cache缓存文件夹（避免旧缓存影响构建），重新执行npm start即可正常启动服务，访问http://localhost:1234就能打开index.html页面。

可选替代方案（需保留main字段时使用） #

如果你的项目有特殊需求必须保留main字段，可以将main字段的值改为合法的JS文件名（比如"main": "index.js"），同时在package.json中新增"source": "index.html"字段指定Parcel的入口文件即可。

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