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

IT技术 node.js reactjs express heroku npm
2021-05-15 18:48:11

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

Heroku 日志显示concurrently未找到

我想知道是否有人可以帮我弄清楚为什么?一切都在本地工作。没有问题。我一直无法找到任何解决方案。我试过这个:https : //github.com/RickWong/react-isomorphic-starterkit/issues/12

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

heroku config:set NPM_CONFIG_PRODUCTION=false

但是,它不起作用。

我还发现了这个:

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

我已经尝试concurrently在服务器文件夹和根目录中重新安装两次。但是对于每个实例,我都收到相同的错误,告诉我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)

1个回答

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

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

以前,我有这个垃圾:

"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 方面构建的东西。