求助:在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
相关产品推荐
相关产品推荐

