You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:在Heroku部署React应用时遇错误,尝试多种方法仍无法解决

Heroku部署React应用报错的解决办法

根据你提供的错误截图(显示找不到package.json文件相关的ENOENT错误),以下是具体解决步骤:

1. 确认package.json已提交到Git仓库

  • 执行git status查看本地文件状态,确认package.json不在"Untracked files"列表中
  • 若未提交,运行以下命令提交后重新部署:
    git add package.json
    git commit -m "Add package.json to repo"
    git push heroku main
    

2. 检查部署分支是否正确

  • 若本地默认分支不是main,部署时指定分支:
    git push heroku <本地分支名>:main
    

3. 确保package.json在项目根目录

  • 确认package.json位于项目最外层目录,而非嵌套在子文件夹(如src)中
  • 若是monorepo结构,需在根目录创建Procfile指定工作目录:
    web: cd <你的React子项目目录> && npm start
    

4. 清除Heroku构建缓存

  • 缓存可能导致构建异常,执行以下命令清除后重新部署:
    heroku builds:cache:purge
    git push heroku main
    

5. 指定兼容的Node.js版本

  • 在package.json中添加engines字段,指定Heroku支持的Node.js和npm版本:
    "engines": {
      "node": "18.x",
      "npm": "9.x"
    }
    
    提交修改后重新部署

内容的提问来源于stack exchange,提问作者Aman Wankar

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.11 22:20:30