Question

我在package.json中使用此代码，并且想要部署到heroku应用

“脚本”：{ “ build”：“ cd应用&&下一个版本”， “ start”：“ npm run build && env NODE_ENV =生产节点app.js”， “ dev”：“ nodemon --ignore app / app.js”}，

我也尝试过：

“ start”：“下一个start -p $ PORT”，我正在使用此样板： https://github.com/MustansirZia/next-express-bootstrap-boilerplate

目前我正在获取此...

test.herokuapp.com/_next/static/VprFLaLvekNmzlVsEkO_S/pages/…以及它   显示页面加载中...而不显示索引

我有var port = process.env.PORT || 3000; “ start”：“ npm运行构建&&   env NODE_ENV =生产节点app.js -p $ PORT“，

我跑了

npm运行开始


next-express-bootstrap-boilerplate@0.1.1开始/用户/ carlosmanuelmouravieira /桌面/项目/前端/学习     npm运行build && env NODE_ENV =生产节点app.js -p $ PORT

next-express-bootstrap-boilerplate@0.1.1 build / Users / carlosmanuelmouravieira / Desktop / projects / frontend / learn     cd应用&&下一个版本


创建优化的生产版本...


使用外部babel配置     位置：“ /用户/ carlosmanuelmouravieira /桌面/项目/前端/学习/应用/.babelrc”     编译成功。


┌/ _app├/ _文档├/ _错误├/ box / main├/ box /建议├   /仪表板/仪表板├/员工/登录├/员工/主├   / getPageContext├/想法/主├/想法/建议├/索引├   /index.1├/ index / data├/ main / main└/ post

Answer 1

@monday的回答很好，但是现在不再需要输入heroku-postbuild脚本了，因为heroku现在自动运行了npm run build。

{
  "scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start -p $PORT"
  }
}

Answer 2

该帖子已有六个月之久，但希望由于这个问题，我可以节省2分钟的互联网搜索时间。您的脚本应该看起来像这样

"scripts": { "dev": "next", "build": "next build", "start": "next start -p $PORT", "heroku-postbuild": "npm run build", "test": "echo \"Error: no test specified\" && exit 1" },

推送到GitHub

$ git init
$ git add .
$ git commit -m "First Commit"
$ git remote add origin https://github.com/{username}/{repositoryname}
$ git push origin master

创建Heroku应用

$ heroku create my-app

在Heroku上部署

打开浏览器并登录Heroku
导航到“仪表板”
选择您新创建的应用
点击“部署”
在“部署方法”下，选择“ Github”
添加存储库名称（{username} / {repositoryname}）
点击“搜索”
点击“连接”
选择分支
点击“部署分支”
点击“查看”

您可以通过以下方式阅读整篇文章 Jacob Oakley

Answer 3

可能为时已晚，但就像@Monday 刚才所说的那样，您可以这样做并像这样更新构建命令以避免 sh:next 命令未找到错误

"build": "npm i && npm run build"

在heroku中部署下一个js

3 个答案: