部署至Heroku：如何修改NextJS项目package.json构建脚本路径

完全可以不用移动Frontend文件夹内的文件，只需修改根目录下的package.json脚本，让Heroku执行命令时自动切换到Frontend目录即可：

1. 修改根目录package.json的scripts字段，给每个命令前添加cd Frontend && ，确保执行脚本时先进入目标目录：

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,  
  "engines": {
    "node": "17.x"
  },
  "scripts": {
    "dev": "cd Frontend && next dev",
    "build": "cd Frontend && next build",
    "start": "cd Frontend && next start",
    "lint": "cd Frontend && next lint",
    "install": "cd Frontend && npm install" // 可选：确保依赖安装到Frontend目录
  },
  "devDependencies": {
    "eslint": "8.15.0",
    "eslint-config-next": "12.1.6",
    "fs": "^0.0.1-security",
    "next": "^12.2.3",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "solc": "^0.8.15",
    "web3": "^1.7.4",
    "web3-utils": "^1.7.4"
  }
}

2. 提交修改后的根目录package.json到Git仓库，推送至Heroku即可。

这样Heroku执行构建或启动命令时，会自动切换到Frontend目录执行Next.js的对应命令，完全保留原有项目结构，不会破坏任何文件。

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