Application fails to run on Heroku - angularjs

I have NodeJs application with yeoman, grunt, bower installed. I generatedm angularjs app using yeomen. Local version of application runs with no problem by typing grunt serve. Moreover application was successfully deployed to Heroku by grunt deploy link. When trying to access application on heroku it shows:
Application Error An error occurred in the application and your page
could not be served. Please try again in a few moments.
If you are the application owner, check your logs for details.
In application log (Heroku dashboard > Activity):
Deployed
Build succeeded
-----> Node.js app detected
-----> Reading application state
package.json...
build directory...
cache directory...
environment variables...
Node engine: >=0.10.0
Npm engine: unspecified
Start mechanism: Procfile
node_modules source: package.json
node_modules cached: true
NPM_CONFIG_PRODUCTION=true
NODE_MODULES_CACHE=true
-----> Installing binaries
Resolving node version >=0.10.0 via semver.io...
Downloading and installing node 0.10.35...
Using default npm version: 1.4.28
-----> Building dependencies
Restoring node modules from cache
Pruning unused dependencies
npm WARN package.json nodejsw3#0.0.0 No repository field.
Installing any new modules
npm WARN package.json nodejsw3#0.0.0 No repository field.
-----> Checking startup method
Found Procfile
-----> Finalizing build
Creating runtime environment
Exporting binary paths
Cleaning npm artifacts
Cleaning previous cache
Caching results for future builds
-----> Build succeeded!
nodejsw3#0.0.0 /tmp/build_9b26539892553ae79f16e539e2f083e0
????????? (empty)
WARNING: Avoid semver ranges starting with '>' in engines.node
https://devcenter.heroku.com/articles/nodejs-support#specifying-a-node-js-version
-----> Discovering process types
Procfile declares types -> web
-----> Compressing... done, 6.8MB
-----> Launching... done, v9
https://myapp.herokuapp.com/ deployed to Heroku
Project structure:
Log
2015-02-07T17:49:56.504866+00:00 heroku[router]: at=error code=H10 desc="App cra
shed" method=GET path="/" host=myapp.herokuapp.com request_id=257d316d-98
d1-4d21-a170-7c27e42b907e fwd="10.10.10.11" dyno= connect= service= status=503
bytes=
2015-02-07T17:49:57.762152+00:00 heroku[router]: at=error code=H10 desc="App cra
shed" method=GET path="/favicon.ico" host=myapp.herokuapp.com request_id=
f109ba40-e921-486a-a79a-7a7d842705a7 fwd="10.10.10.11" dyno= connect= service=
status=503 bytes=
2015-02-07T17:53:40.155437+00:00 heroku[router]: at=error code=H10 desc="App cra
shed" method=GET path="/" host=myapp.herokuapp.com request_id=7e0e784c-0e
76-48b1-ad3e-bbf74b400e31 fwd="10.10.10.11" dyno= connect= service= status=503
bytes=
2015-02-07T17:53:41.454002+00:00 heroku[router]: at=error code=H10 desc="App cra
shed" method=GET path="/favicon.ico" host=myapp.herokuapp.com request_id=
4d56eacf-5515-48e4-9b5d-34ccc4c4457e fwd="10.10.10.11" dyno= connect= service=
status=503 bytes=
2015-02-07T17:54:20.109125+00:00 heroku[router]: at=error code=H10 desc="App cra
shed" method=GET path="/" host=myapp.herokuapp.com request_id=b244e431-81
d6-4f82-a0e0-1e845a45a449 fwd="10.10.10.11" dyno= connect= service= status=503
bytes=
2015-02-07T17:54:21.286203+00:00 heroku[router]: at=error code=H10 desc="App cra
shed" method=GET path="/favicon.ico" host=myapp.herokuapp.com request_id=
e2c7d762-a88c-49f6-a15b-e1768e7310d5 fwd="10.10.10.11" dyno= connect= service=
status=503 bytes=
2015-02-07T17:57:14.924093+00:00 heroku[web.1]: State changed from crashed to st
arting
2015-02-07T17:57:16.809601+00:00 heroku[web.1]: Starting process with command `n
ode index.js`
2015-02-07T17:57:18.731681+00:00 app[web.1]: module.js:340
2015-02-07T17:57:18.736235+00:00 app[web.1]: at Function.Module._resolveFile
name (module.js:338:15)
2015-02-07T17:57:18.736237+00:00 app[web.1]: at Function.Module._load (modul
e.js:280:25)
2015-02-07T17:57:18.736241+00:00 app[web.1]: at require (module.js:380:17)
2015-02-07T17:57:18.736243+00:00 app[web.1]: at Object.<anonymous> (/app/ind
ex.js:1:77)
2015-02-07T17:57:18.732015+00:00 app[web.1]: throw err;
2015-02-07T17:57:18.736244+00:00 app[web.1]: at Module._compile (module.js:4
56:26)
2015-02-07T17:57:18.731200+00:00 app[web.1]:
2015-02-07T17:57:18.732021+00:00 app[web.1]: ^
2015-02-07T17:57:18.736232+00:00 app[web.1]: Error: Cannot find module 'express'
2015-02-07T17:57:18.736239+00:00 app[web.1]: at Module.require (module.js:36
4:17)
2015-02-07T17:57:18.736246+00:00 app[web.1]: at Object.Module._extensions..j
s (module.js:474:10)
2015-02-07T17:57:18.736247+00:00 app[web.1]: at Module.load (module.js:356:3
2)
2015-02-07T17:57:18.736249+00:00 app[web.1]: at Function.Module._load (modul
e.js:312:12)
2015-02-07T17:57:18.736251+00:00 app[web.1]: at Function.Module.runMain (mod
ule.js:497:10)
2015-02-07T17:57:19.580364+00:00 heroku[web.1]: Process exited with status 8
2015-02-07T17:57:19.592340+00:00 heroku[web.1]: State changed from starting to c
rashed

Related

Cannot open deployed Heroku App, getting status 137 and App crashed with code=h10

I created a fullstack app with create-react-app and nodeJS/express, using mongoDB. The app works fine in development, but after successfully building and deploying it with heroku, trying to open the app causes the following error message:
2022-07-04T14:40:00.876477+00:00 app[web.1]: [33m[nodemon] watching extensions: js,mjs,json[39m
2022-07-04T14:40:00.876761+00:00 app[web.1]: [32m[nodemon] starting node index.js[39m
2022-07-04T14:40:31.255026+00:00 app[web.1]: connection to 34.233.234.200:27017 closed
2022-07-04T14:40:31.783355+00:00 app[web.1]: [32m[nodemon] clean exit - waiting for changes before restart[39m
2022-07-04T14:40:59.210171+00:00 heroku[web.1]: Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
2022-07-04T14:40:59.266895+00:00 heroku[web.1]: Stopping process with SIGKILL
2022-07-04T14:40:59.453613+00:00 heroku[web.1]: Process exited with status 137
2022-07-04T14:40:59.506533+00:00 heroku[web.1]: State changed from starting to crashed
2022-07-04T14:41:00.871320+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=tourney-dpocsai.herokuapp.com request_id=2f82a5f6-e99f-48f6-8da2-f0b27f140486 fwd="99.247.92.188" dyno= connect= service= status=503 bytes= protocol=https
2022-07-04T14:41:01.208673+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=tourney-dpocsai.herokuapp.com request_id=d8a9b491-35c3-415e-8517-3f296c54feea fwd="99.247.92.188" dyno= connect= service= status=503 bytes= protocol=https
my Procfile has one line: web: npm run start
I am using const PORT = process.env.PORT || 5000
I am totally lost as to what I could do to fix this issue. Any help would be appreciated.

How to deploy a Golang/mongodb/react app on heroku?

I am trying to figure out how to deploy a Golang/mongodb/react app on heroku, but I have never done it so I am kind of clueless on how to do it. I have made its own project and added the config vars that are on my .env, it has a heroku/go buildpack, but every time I do
git push heroku main
I get this on the terminal:
Enumerating objects: 788, done.
Counting objects: 100% (788/788), done.
Delta compression using up to 8 threads
Compressing objects: 100% (728/728), done.
Writing objects: 100% (775/775), 2.16 MiB | 779.00 KiB/s, done.
Total 775 (delta 395), reused 0 (delta 0), pack-reused 0
remote: Compressing source files... done.
remote: Building source:
remote:
remote: -----> Building on the Heroku-20 stack
remote: -----> Using buildpack: heroku/go
remote: -----> Go app detected
remote: -----> Fetching stdlib.sh.v8... done
remote: ----->
remote: Detected go modules via go.mod
remote: ----->
I don't think it is giving me an error there, but if I click on open-app from heroku I get an Application error message and asks me to use
heroku logs --tail
And it shows me a bunch of these lines which I can't really understand:
2021-10-08T15:00:03.362868+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=OPTIONS path="/profile?id=615affc23cc365e3ac6cee23" host=twitter-clone-jeff.herokuapp.com request_id=58a7c915-4543-4105-95f2-063604a6e7c8 fwd="108.215.249.255" dyno= connect= service= status=503 bytes= protocol=https
2021-10-08T15:00:03.464879+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=OPTIONS path="/profile?id=615affc23cc365e3ac6cee23" host=twitter-clone-jeff.herokuapp.com request_id=2f1e17e0-3c38-4d4b-9e34-5e4a8f27afcd fwd="108.215.249.255" dyno= connect= service= status=503 bytes= protocol=https
And it finally shows me this:
037bc7735b fwd="108.215.249.255" dyno= connect= service= status=503 bytes= protocol=https
2021-10-08T15:13:02.688268+00:00 app[api]: Set MONGO_PASSWORD config vars by user jeffersongarcia1599#gmail.com
2021-10-08T15:13:02.688268+00:00 app[api]: Release v7 created by user jeffersongarcia1599#gmail.com
2021-10-08T15:13:02.943260+00:00 heroku[web.1]: State changed from crashed to starting
2021-10-08T15:13:03.660069+00:00 heroku[web.1]: Starting process with command `bin/Twitter-Clone`
2021-10-08T15:13:04.507378+00:00 app[web.1]: 2021/10/08 15:13:04 Error loaging your .env file
2021-10-08T15:13:04.624983+00:00 heroku[web.1]: Process exited with status 1
2021-10-08T15:13:04.678311+00:00 heroku[web.1]: State changed from starting to crashed
2021-10-08T15:13:16.067630+00:00 app[api]: Set MY_SECRET config vars by user jeffersongarcia1599#gmail.com
2021-10-08T15:13:16.067630+00:00 app[api]: Release v8 created by user jeffersongarcia1599#gmail.com
2021-10-08T15:13:16.408304+00:00 heroku[web.1]: State changed from crashed to starting
2021-10-08T15:13:17.103362+00:00 heroku[web.1]: Starting process with command `bin/Twitter-Clone`
2021-10-08T15:13:18.191933+00:00 app[web.1]: 2021/10/08 15:13:18 Error loaging your .env file
2021-10-08T15:13:18.347637+00:00 heroku[web.1]: Process exited with status 1
2021-10-08T15:13:18.402108+00:00 heroku[web.1]: State changed from starting to crashed
2021-10-08T15:13:35.119252+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=twitter-clone-jeff.herokuapp.com request_id=133bbf4e-3dcc-44ab-ad9b-2d301868c166 fwd="108.215.249.255" dyno= connect= service= status=503 bytes= protocol=https
2021-10-08T15:20:10.885717+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=twitter-clone-jeff.herokuapp.com request_id=ac8ed7a8-1137-45b8-952d-3ecea81ee645 fwd="108.215.249.255" dyno= connect= service= status=503 bytes= protocol=https
2021-10-08T15:30:38.792946+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=twitter-clone-jeff.herokuapp.com request_id=fb4bc339-5b4b-4ae2-896d-9f07f87cc16d fwd="108.215.249.255" dyno= connect= service= status=503 bytes= protocol=https
Any help would be appreciated as I am honestly clueless since the git push heroku main does not really show any errors. I know that for Postgress databases there is like a Heroku Postgres add on, but I don't if there is a Mongo one. I have a SECRET_KEY and MONGO_PASSWORD on a .env but I also put them on the config vars. Thanks in advance! My repo in case necessary
https://github.com/JeffersonGarcia15/Twitter-Clone

Unable to host my React Hasura GraphQL app on Heroku

I created a simple Schedule management app using Hasura GraphQL API and React. I tried to host my app on Heroku by linking by github repository with it however, its not working propwerly. I am using Heroku and GraphQL for the first time so I am unavle to figure out what exactly am I doing wrong.
My Github Repository Linkfro my source code: https://github.com/yash-sethia/Schedule-Management-App-using-GraphQL-and-React
My heroku app link (That show's an error screen) : https://schedule-management-app.herokuapp.com/
This is the error message displayed in the logs :
2020-11-11T04:57:35.434926+00:00 heroku[web.1]: State changed from starting to crashed
2020-11-11T08:14:26.702564+00:00 heroku[web.1]: State changed from crashed to starting
2020-11-11T08:14:44.659544+00:00 heroku[web.1]: Starting process with command `npm start`
2020-11-11T08:14:47.483996+00:00 app[web.1]:
2020-11-11T08:14:47.484007+00:00 app[web.1]: > webd_project#0.1.0 start /app
2020-11-11T08:14:47.484007+00:00 app[web.1]: > react-scripts start
2020-11-11T08:14:47.484008+00:00 app[web.1]:
2020-11-11T08:14:50.665030+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.18.243.110/
2020-11-11T08:14:50.665788+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-11-11T08:14:50.665967+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-11-11T08:14:50.666129+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-11-11T08:14:50.666503+00:00 app[web.1]: Starting the development server...
2020-11-11T08:14:50.666504+00:00 app[web.1]:
2020-11-11T08:14:50.778105+00:00 heroku[web.1]: Process exited with status 0
2020-11-11T08:14:51.016955+00:00 heroku[web.1]: State changed from starting to crashed
2020-11-11T13:52:48.230487+00:00 heroku[web.1]: State changed from crashed to starting
2020-11-11T13:52:59.344712+00:00 heroku[web.1]: Starting process with command `npm start`
2020-11-11T13:53:01.550816+00:00 app[web.1]:
2020-11-11T13:53:01.550849+00:00 app[web.1]: > webd_project#0.1.0 start /app
2020-11-11T13:53:01.550850+00:00 app[web.1]: > react-scripts start
2020-11-11T13:53:01.550850+00:00 app[web.1]:
2020-11-11T13:53:03.757281+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.19.87.134/
2020-11-11T13:53:03.757641+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-11-11T13:53:03.757738+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-11-11T13:53:03.757806+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-11-11T13:53:03.757993+00:00 app[web.1]: Starting the development server...
2020-11-11T13:53:03.757994+00:00 app[web.1]:
2020-11-11T13:53:03.852308+00:00 heroku[web.1]: Process exited with status 0
2020-11-11T13:53:03.892089+00:00 heroku[web.1]: State changed from starting to crashed
2020-11-11T19:28:16.774146+00:00 heroku[web.1]: State changed from crashed to starting
2020-11-11T19:28:34.737934+00:00 heroku[web.1]: Starting process with command `npm start`
2020-11-11T19:28:37.269259+00:00 app[web.1]:
2020-11-11T19:28:37.269283+00:00 app[web.1]: > webd_project#0.1.0 start /app
2020-11-11T19:28:37.269283+00:00 app[web.1]: > react-scripts start
2020-11-11T19:28:37.269284+00:00 app[web.1]:
2020-11-11T19:28:39.241913+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.16.104.210/
2020-11-11T19:28:39.242274+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-11-11T19:28:39.242349+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-11-11T19:28:39.242427+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-11-11T19:28:39.242585+00:00 app[web.1]: Starting the development server...
2020-11-11T19:28:39.242586+00:00 app[web.1]:
2020-11-11T19:28:39.306313+00:00 heroku[web.1]: Process exited with status 0
2020-11-11T19:28:39.339563+00:00 heroku[web.1]: State changed from starting to crashed
2020-11-12T01:20:50.986428+00:00 heroku[web.1]: State changed from crashed to starting
2020-11-12T01:21:04.061714+00:00 heroku[web.1]: Starting process with command `npm start`
2020-11-12T01:21:07.918791+00:00 app[web.1]:
2020-11-12T01:21:07.918811+00:00 app[web.1]: > webd_project#0.1.0 start /app
2020-11-12T01:21:07.918812+00:00 app[web.1]: > react-scripts start
2020-11-12T01:21:07.918812+00:00 app[web.1]:
2020-11-12T01:21:11.178494+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.18.192.242/
2020-11-12T01:21:11.178876+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-11-12T01:21:11.178944+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-11-12T01:21:11.179026+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-11-12T01:21:11.179232+00:00 app[web.1]: Starting the development server...
2020-11-12T01:21:11.179234+00:00 app[web.1]:
2020-11-12T01:21:11.269635+00:00 heroku[web.1]: Process exited with status 0
2020-11-12T01:21:11.325157+00:00 heroku[web.1]: State changed from starting to crashed
2020-11-12T06:57:29.079557+00:00 heroku[web.1]: State changed from crashed to starting
2020-11-12T06:57:41.430648+00:00 heroku[web.1]: Starting process with command `npm start`
2020-11-12T06:57:44.032930+00:00 app[web.1]:
2020-11-12T06:57:44.032950+00:00 app[web.1]: > webd_project#0.1.0 start /app
2020-11-12T06:57:44.032950+00:00 app[web.1]: > react-scripts start
2020-11-12T06:57:44.032951+00:00 app[web.1]:
2020-11-12T06:57:46.396411+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.18.237.234/
2020-11-12T06:57:46.396697+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-11-12T06:57:46.396777+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-11-12T06:57:46.396841+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-11-12T06:57:46.397012+00:00 app[web.1]: Starting the development server...
2020-11-12T06:57:46.397013+00:00 app[web.1]:
2020-11-12T06:57:46.473000+00:00 heroku[web.1]: Process exited with status 0
2020-11-12T06:57:46.511649+00:00 heroku[web.1]: State changed from starting to crashed
2020-11-12T07:38:08.135193+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=64916495-a682-4895-8725-0a876ca78165 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:38:08.892960+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=schedule-management-app.herokuapp.com request_id=8efbff92-a5f9-401a-ae7b-5afb620fc95b fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:39:14.552520+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=622ae611-b44e-4738-9987-fa7f2077ceca fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:39:15.245006+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=schedule-management-app.herokuapp.com request_id=740f836f-6c7c-4a71-8069-e3ce75dd8e88 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:40:41.931479+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=c1b7dbbd-ef85-4433-b330-ef5e08d27467 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:40:42.807842+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=schedule-management-app.herokuapp.com request_id=f471954f-6720-450b-a3a7-f8d3448ab11e fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:51:39.028875+00:00 app[api]: Starting process with command `heroku logs --tail` by user yyashsethia#gmail.com
2020-11-12T07:51:55.700302+00:00 heroku[run.4516]: State changed from starting to up
2020-11-12T07:51:56.076838+00:00 heroku[run.4516]: Awaiting client
2020-11-12T07:51:56.130401+00:00 heroku[run.4516]: Starting process with command `heroku logs --tail`
2020-11-12T07:52:01.025743+00:00 heroku[run.4516]: Process exited with status 127
2020-11-12T07:52:01.069575+00:00 heroku[run.4516]: State changed from up to complete
2020-11-12T07:52:12.830669+00:00 app[api]: Starting process with command `logs --tail` by user yyashsethia#gmail.com
2020-11-12T07:52:29.374524+00:00 heroku[run.2810]: Awaiting client
2020-11-12T07:52:29.402908+00:00 heroku[run.2810]: Starting process with command `logs --tail`
2020-11-12T07:52:29.481583+00:00 heroku[run.2810]: State changed from starting to up
2020-11-12T07:52:33.681435+00:00 heroku[run.2810]: Process exited with status 127
2020-11-12T07:52:33.728441+00:00 heroku[run.2810]: State changed from up to complete
2020-11-12T07:54:17.364720+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=5a9bb0b1-5095-44c8-acb1-0632cda59581 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:54:19.387732+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=schedule-management-app.herokuapp.com request_id=bebd1fa5-55d4-4da5-a0a4-998b4bec5807 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:54:56.265063+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=5f8e7bf2-1de0-444b-85bd-e5bd1c2d0021 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:54:57.285648+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=schedule-management-app.herokuapp.com request_id=4a299aab-d7d2-4722-ae7e-e696b8d3f361 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:58:58.856040+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=572807eb-60db-4cfd-9d94-d867c16ba55f fwd="34.227.83.108" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:58:58.887428+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=d82b4c44-506d-4a29-94eb-f4ddb044ba58 fwd="34.227.83.108" dyno= connect= service= status=503 bytes= protocol=http
2020-11-12T07:59:04.492151+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=HEAD path="/" host=schedule-management-app.herokuapp.com request_id=7fe9e10d-a5bd-432f-bd70-c3d7aa0f4931 fwd="217.182.175.162" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:59:50.143201+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/robots.txt" host=schedule-management-app.herokuapp.com request_id=8f9dd1ec-d7b3-46be-aeee-d52dda0ae196 fwd="107.23.92.82" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T07:59:50.164349+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=159cfbb3-c7ae-4c9c-8a1b-8e21783da8ea fwd="107.23.92.82" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T08:14:04.114629+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=schedule-management-app.herokuapp.com request_id=8ed69468-d73e-4331-8609-7c35a659ce78 fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
2020-11-12T08:14:04.947352+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=schedule-management-app.herokuapp.com request_id=57a5208a-06d3-4ed2-8e2c-657179f357ef fwd="182.64.168.27" dyno= connect= service= status=503 bytes= protocol=https
My app works perfectly fne on my system so I am assuming that I am making a mistake at hosting. Please help.
You need to specify a buildpack. Follow the official docs here. Suggests using the Heroku CLI. I had no problem deploying your repo to heroku using those instructions.
If you must do it your way (github integration) you can set the buildpack in app.json.

React App deploying but not running in heroku

Thank you in advance for any help with this issue, i have been trying to solve it for some hours now...
I have created a react app with create-react-app and it's running fine in the local server, deployed it to heroku and it deployed sucessfully, but it does not open.
When i do heroku logs --tail i get the bellow errors:
2020-04-23T15:32:00.547380+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.16.17.130/
2020-04-23T15:32:00.547959+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-23T15:32:00.548051+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-23T15:32:00.548120+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-23T15:32:00.548312+00:00 app[web.1]: Starting the development server...
2020-04-23T15:32:00.548312+00:00 app[web.1]:
2020-04-23T15:32:00.680072+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-23T15:32:01.946329+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=portfolio-carlosamorim.herokuapp.com request_id=3c71f08a-4492-40b7-bb6c-82055d05f0bd fwd="89.153.213.119" dyno= connect= service= status=503 bytes= protocol=https
2020-04-23T15:32:02.587450+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=portfolio-carlosamorim.herokuapp.com request_id=3a20431f-789e-4da8-a151-438205b055e9 fwd="89.153.213.119" dyno= connect= service= status=503 bytes= protocol=https
2020-04-23T15:33:23.144950+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=portfolio-carlosamorim.herokuapp.com request_id=d043557d-ed3f-474a-ba84-0d14c2ac2696 fwd="89.153.213.119" dyno= connect= service= status=503 bytes= protocol=https
2020-04-23T15:33:23.414482+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=portfolio-carlosamorim.herokuapp.com request_id=f612d864-2e2e-4669-a33d-9b5edb23732d fwd="89.153.213.119" dyno= connect= service= status=503 bytes= protocol=https
My package.json :
https://github.com/CarlosAmorimProjects/portfolio/blob/master/package.json
Anyone experienced and solved the same issue ?
Thank you
Update :
I was able to deploy it and it's running at Vercel.com, i used buildpack create-react-app and it's working perfectly, i cannot apply that same builpack on heroku.
I suspect the problem is related to that.
The default buildpack when deploying is that of node.js. You needed to use the create-react-app buildpack (as seen below).
heroku create $APP_NAME --buildpack mars/create-react-app
git push heroku master
heroku open
helpfull link: https://dev.to/webdevraj/deploy-a-react-app-on-heroku-the-right-way-5efo

React app working locally but application error when deployed to heroku

I've been using Heroku from a long time and it was working fine. Now without any environment change, heroku is not working for me anymore. My app is working perfectly fine locally but when i deploy it on heroku it gives Application Error. Then i created a new app and without doing any changes i deployed this new app on heroku. It gave the exactly same error which means problem is not with my app, it's either with heroku or the way i'm deploying the app.
I use create react app and i'm adding package.json file and log file below. Please help me. I'm trying to figure it out from past two days :(
Thanks in advance for you help!
package.json
{
"name": "react-pustepause",
"version": "0.1.0",
"private": true,
"dependencies": {
"#testing-library/jest-dom": "^4.2.4",
"#testing-library/react": "^9.3.2",
"#testing-library/user-event": "^7.1.2",
"antd": "^4.0.4",
"axios": "^0.19.2",
"react-responsive": "^8.0.3",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
heroku logs
2020-04-04T20:49:10.777143+00:00 app[web.1]: Starting the development server...
2020-04-04T20:49:10.777144+00:00 app[web.1]:
2020-04-04T20:49:10.847784+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-04T20:49:11.613758+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=7f19caf3-ade4-4360-a31a-32b8d90cc110 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:12.382387+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=6a97a9e4-7aa1-479e-82d1-e268800693af fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:15.020120+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=c1b63c14-c058-4020-8e50-7e4db85a0616 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:15.349808+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=70152859-a3b8-48fb-af05-a6c7c77293b4 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:16.521253+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=fb1c9753-5225-476a-a168-42ec7e9f34cf fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:16.835390+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=abc45209-4f20-4171-ac93-71734680e95f fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:17.120246+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=4f4b7fd9-642a-4424-905e-d79af7a7fb38 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:17.460808+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=3a66e08a-3530-418c-a019-385506016dfc fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:17.737342+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=70d194a1-42a2-4842-ae86-1c72418629f3 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:18.045515+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=07689863-02d0-4b7f-b58a-3f04b8bb60f5 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:18.472033+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=a9ae0dfc-deb4-48e5-a4ea-ccbb25e89467 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T20:49:18.785185+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=c826cda1-cf1f-4d54-b434-215db33b4127 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-04T21:10:13.785015+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-04T21:10:25.359246+00:00 app[web.1]:
2020-04-04T21:10:25.359259+00:00 app[web.1]: > react-pustepause#0.1.0 start /app
2020-04-04T21:10:25.359260+00:00 app[web.1]: > react-scripts start
2020-04-04T21:10:25.359260+00:00 app[web.1]:
2020-04-04T21:10:27.456512+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.18.161.114/
2020-04-04T21:10:27.456873+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-04T21:10:27.456958+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-04T21:10:27.457014+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-04T21:10:27.457209+00:00 app[web.1]: Starting the development server...
2020-04-04T21:10:27.457211+00:00 app[web.1]:
2020-04-04T21:10:27.588035+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-04T21:55:26.797837+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-04T21:55:40.204461+00:00 app[web.1]:
2020-04-04T21:55:40.204479+00:00 app[web.1]: > react-pustepause#0.1.0 start /app
2020-04-04T21:55:40.204479+00:00 app[web.1]: > react-scripts start
2020-04-04T21:55:40.204480+00:00 app[web.1]:
2020-04-04T21:55:42.853119+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.18.206.246/
2020-04-04T21:55:42.853546+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-04T21:55:42.853636+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-04T21:55:42.853716+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-04T21:55:42.853902+00:00 app[web.1]: Starting the development server...
2020-04-04T21:55:42.853903+00:00 app[web.1]:
2020-04-04T21:55:42.976144+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-04T23:16:55.576000+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-04T23:17:12.455408+00:00 app[web.1]:
2020-04-04T23:17:12.455433+00:00 app[web.1]: > react-pustepause#0.1.0 start /app
2020-04-04T23:17:12.455434+00:00 app[web.1]: > react-scripts start
2020-04-04T23:17:12.455434+00:00 app[web.1]:
2020-04-04T23:17:15.775689+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.16.24.26/
2020-04-04T23:17:15.776953+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-04T23:17:15.777103+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-04T23:17:15.778644+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-04T23:17:15.778983+00:00 app[web.1]: Starting the development server...
2020-04-04T23:17:15.778983+00:00 app[web.1]:
2020-04-04T23:17:15.929319+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-05T02:06:59.424136+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-05T02:07:14.025754+00:00 app[web.1]:
2020-04-05T02:07:14.025777+00:00 app[web.1]: > react-pustepause#0.1.0 start /app
2020-04-05T02:07:14.025778+00:00 app[web.1]: > react-scripts start
2020-04-05T02:07:14.025778+00:00 app[web.1]:
2020-04-05T02:07:16.714076+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.17.224.6/
2020-04-05T02:07:16.714521+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-05T02:07:16.714621+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-05T02:07:16.714721+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-05T02:07:16.714918+00:00 app[web.1]: Starting the development server...
2020-04-05T02:07:16.714920+00:00 app[web.1]:
2020-04-05T02:07:16.825861+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-05T07:48:27.405222+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-05T07:48:39.670311+00:00 app[web.1]:
2020-04-05T07:48:39.670333+00:00 app[web.1]: > react-pustepause#0.1.0 start /app
2020-04-05T07:48:39.670334+00:00 app[web.1]: > react-scripts start
2020-04-05T07:48:39.670334+00:00 app[web.1]:
2020-04-05T07:48:41.805354+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.16.55.206/
2020-04-05T07:48:41.805768+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-05T07:48:41.805879+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-05T07:48:41.805963+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-05T07:48:41.806163+00:00 app[web.1]: Starting the development server...
2020-04-05T07:48:41.806164+00:00 app[web.1]:
2020-04-05T07:48:41.888875+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-05T13:32:28.861883+00:00 heroku[web.1]: State changed from crashed to starting
2020-04-05T13:32:42.139952+00:00 app[web.1]:
2020-04-05T13:32:42.139968+00:00 app[web.1]: > react-pustepause#0.1.0 start /app
2020-04-05T13:32:42.139968+00:00 app[web.1]: > react-scripts start
2020-04-05T13:32:42.139968+00:00 app[web.1]:
2020-04-05T13:32:44.072413+00:00 app[web.1]: ℹ 「wds」: Project is running at http://172.16.108.126/
2020-04-05T13:32:44.072765+00:00 app[web.1]: ℹ 「wds」: webpack output is served from
2020-04-05T13:32:44.072839+00:00 app[web.1]: ℹ 「wds」: Content not from webpack is served from /app/public
2020-04-05T13:32:44.072900+00:00 app[web.1]: ℹ 「wds」: 404s will fallback to /
2020-04-05T13:32:44.073069+00:00 app[web.1]: Starting the development server...
2020-04-05T13:32:44.073070+00:00 app[web.1]:
2020-04-05T13:32:44.147851+00:00 heroku[web.1]: State changed from starting to crashed
2020-04-05T18:30:30.954173+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=9bbecd3c-355f-44cf-b416-fcc895e00977 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:30:32.056816+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=206fb2f9-125d-4b3b-b2b4-82350d98207f fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:16.519444+00:00 app[api]: Starting process with command `rake db:migrate` by user khzainulabidin#gmail.com
2020-04-05T18:38:31.243571+00:00 heroku[run.8227]: State changed from starting to up
2020-04-05T18:38:36.579921+00:00 heroku[run.8227]: State changed from up to complete
2020-04-05T18:38:43.791939+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=4576ce30-2005-4545-b84a-8847ba4e5133 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:44.110647+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=95628db1-c532-48e6-b9d5-6b587536c8f7 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:45.089377+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=5da35fd7-1d62-4acc-aed9-4ab8d53f2084 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:45.550772+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=7f632320-be75-4034-8702-b537e23bc38a fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:45.974139+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=bcf72176-4100-4a8a-80f6-4e94c6ec5b00 fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:46.324445+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=07824287-ee32-4870-b3db-af0e44082a2b fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:46.877015+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/" host=react-pustepause.herokuapp.com request_id=41432fd5-89a2-4ab8-94de-4a90ecc48ecc fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
2020-04-05T18:38:47.217088+00:00 heroku[router]: at=error code=H10 desc="App crashed" method=GET path="/favicon.ico" host=react-pustepause.herokuapp.com request_id=a6a4826e-a3dd-4810-900e-0f1ba718f9af fwd="68.192.253.24" dyno= connect= service= status=503 bytes= protocol=https
So I finally found the solution. This is because of the buildpack used by Heroku. Heroku used to use 'Create React App' build pack but now it uses 'nodejs' buildpack as default, even for static react apps too. So here's the method to fix this:
If you already have deployed your app on heroku and want to fix
Login to Heroku Web
Go to Settings
Under Buildpacks, click Add buildpack
Copy and paste this url: https://buildpack-registry.s3.amazonaws.com/buildpacks/mars/create-react-app.tgz
Click Save Changes
Now deploy your app again (do any little changes and push the updates, don't push exactly same code as before) and new buildpack will do it's work
Your app is ready to use!
If you haven't deployed your app or if you want to do this through command line
Use the following command to fix the issue:
heroku create $APP_NAME --buildpack mars/create-react-app
git push heroku master
Change $APP_NAME with your actual app name.
Hope that helped!

Resources