node.js - 无法在 Heroku 中查看 Express/React 应用程序(同时未找到)

Question

我在 Heroku 中查看我的 Node/Express + React 项目时遇到问题。成功将我的项目推送到 Heroku 后，当我尝试在 Heroku 中查看我的应用程序时，出现 404 错误页面。

Heroku 日志显示找不到concurrently 包

我想知道是否有人可以帮我找出原因？一切都在本地进行。没有问题。我一直无法找到任何解决方案。我试过这个: https://github.com/RickWong/react-isomorphic-starterkit/issues/12

我尝试使用以下建议在heroku中设置环境变量:

heroku 配置:设置 NPM_CONFIG_PRODUCTION=false

然而，它并没有起作用。

我还发现了这个:

https://github.com/rickbergfalk/sqlpad/issues/359

我已尝试同时重新安装两次，分别在服务器文件夹和根目录中。但对于每个实例，我都会收到相同的错误，告诉我找不到concurrently。

这是 Heroku 日志:

2019-01-05T04:44:42.843348+00:00 heroku[web.1]: Starting process with command `npm start`
2019-01-05T04:44:45.795355+00:00 heroku[web.1]: Process exited with status 1
2019-01-05T04:44:45.817371+00:00 heroku[web.1]: State changed from starting to crashed
2019-01-05T04:44:45.825275+00:00 heroku[web.1]: State changed from crashed to starting
2019-01-05T04:44:45.691080+00:00 app[web.1]: 
2019-01-05T04:44:45.691107+00:00 app[web.1]: > hello_fullstack@1.0.0 start /app
2019-01-05T04:44:45.691110+00:00 app[web.1]: > concurrently -- kill-others "npm run server" "npm run client"
2019-01-05T04:44:45.691112+00:00 app[web.1]: 
2019-01-05T04:44:45.699841+00:00 app[web.1]: sh: 1: concurrently: not found
2019-01-05T04:44:45.704281+00:00 app[web.1]: npm ERR! file sh
2019-01-05T04:44:45.704664+00:00 app[web.1]: npm ERR! code ELIFECYCLE
2019-01-05T04:44:45.704985+00:00 app[web.1]: npm ERR! errno ENOENT
2019-01-05T04:44:45.705300+00:00 app[web.1]: npm ERR! syscall spawn
2019-01-05T04:44:45.706913+00:00 app[web.1]: npm ERR! hello_fullstack@1.0.0 start: `concurrently -- kill-others "npm run server" "npm run client"`
2019-01-05T04:44:45.707140+00:00 app[web.1]: npm ERR! spawn ENOENT
2019-01-05T04:44:45.707475+00:00 app[web.1]: npm ERR!
2019-01-05T04:44:45.707708+00:00 app[web.1]: npm ERR! Failed at the hello_fullstack@1.0.0 start script.
2019-01-05T04:44:45.708000+00:00 app[web.1]: npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
2019-01-05T04:44:45.718125+00:00 app[web.1]: 
2019-01-05T04:44:45.718481+00:00 app[web.1]: npm ERR! A complete log of this run can be found in:
2019-01-05T04:44:45.718674+00:00 app[web.1]: npm ERR!     /app/.npm/_logs/2019-01-05T04_44_45_709Z-debug.log

有什么建议吗？

(不确定这很重要，但我的开发环境是 ubuntu，我在 virtualbox 中运行；主机操作系统是 Windows 8)

Answer 1

我找到了解决问题的方法。

在挣扎之后，我决定重新开始并构建一个示例 React/express 应用程序，看看是否可以将其部署到 Heroku。成功部署后，我比较了示例应用程序和损坏的应用程序中的代码。然后我想到，问题可能出在我分配给根文件夹的 package.json 文件中的 heroku-postbuild 脚本的命令。

以前，我有过这样的垃圾:

"heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client"

我将其更改为:

"heroku-postbuild": "cd client && npm install && npm run build"

而且，就像魔术一样，它起作用了!我想我没有“构建”我应该在 Heroku 方面构建的东西。