在heroku中部署下一个js

Question

我正在package.json中使用这段代码，我想部署到heroku应用程序中

“脚本”：{“构建”：“cd应用程序

我也尝试过：

"start"："next start-p$PORT"，我正在使用这个样板：https://github.com/MustansirZia/next-express-bootstrap-boilerplate

目前我得到这个。。。

test.herokuapp。com/_next/static/VprFLaLvekNmzlVsEkO_S/pages/…它显示页面加载…但不显示索引

我有 var port = 进程.env.PORT ||3000;“开始”： “npm 运行构建

我跑了

npm运行启动

next-express-bootstrap-boilerplate@0.1.1开始 /Users/carlosmanuelmouravieira/Desktop/projects/frontend/learnnpm run build

next-express-bootstrap-boilerplate@0.1.1构建/用户/carlosmanuelmouravieira/桌面/项目/前端/学习cd应用程序

正在创建优化的生产版本。。。

使用外部babel配置位置：“/Users/carlosmanuelmouraveira/Desktop/projects/frontend/learn/app/.babelrc”已成功编译。

┌/_ app├/_ document├/_ error├/box/main├/box/suggestions├/dashboard/dashboard├/employee/log in├/employee/main┢/getpagecontext┢/ideas/main┢/index/index . 1┢/index/data┢/main/main└/post

Answer 1

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

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

Answer 2

这个帖子已经发了六个月了，但是希望我能让一些人因为这个问题少花2分钟在网上搜索。您的脚本应该是这样的

“脚本”： { “dev”： “next”，“build”： “下一个生成”，“开始”： “下一个开始 -p $PORT”，“heroku-postbuild”： “npm 运行生成”，“测试”： “回声 \”错误：未指定测试\”

推送至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上部署

< li >打开浏览器并登录Heroku < li >导航到“仪表板” < li >选择您新创建的应用程序 < li >单击“部署” < li >在“部署方法”下选择“Github” < li >添加存储库名称({用户名}/{存储库名称}) < li >单击“搜索” < li >单击“连接” < li >选择分支 < li >单击“部署分支” < li >单击“查看”

你可以阅读雅各布·奥克利的整篇文章

Answer 3

正如@monday回答得很好，但现在不再需要 heroku 后生成脚本条目，因为 heroku 现在自动运行 npm 运行生成 。

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