I’ve been following tutorials for building MERN stack apps and have tried deploying 2 apps through Heroku so far, only to get a 404 error. The apps work fine locally, but when I successfully deploy them via “git push heroku master,” the Open App link on my project just takes me to a broken page:
I checked my Heroku build log from the deployment and it seems to be having trouble locating my main folder from the build. I’m not sure why that is or how to fix it. Anybody know why this is happening or what I can do? I’d appreciate any help you can offer!
Build Log from latest Heroku Deployment:
2019-07-16T14:28:17.000000+00:00 app[api]: Build started by user boutchersj@gmail.com
2019-07-16T14:28:43.708035+00:00 heroku[web.1]: Restarting
2019-07-16T14:28:43.720601+00:00 heroku[web.1]: State changed from up to starting
2019-07-16T14:28:43.410206+00:00 app[api]: Deploy b48db791 by user boutchersj@gmail.com
2019-07-16T14:28:43.410206+00:00 app[api]: Release v12 created by user boutchersj@gmail.com
2019-07-16T14:28:44.450249+00:00 heroku[web.1]: Stopping all processes with SIGTERM
2019-07-16T14:28:44.529033+00:00 heroku[web.1]: Process exited with status 143
2019-07-16T14:28:44.000000+00:00 app[api]: Build succeeded
2019-07-16T14:28:46.962381+00:00 heroku[web.1]: Starting process with command `npm start`
2019-07-16T14:28:49.808249+00:00 app[web.1]:
2019-07-16T14:28:49.808268+00:00 app[web.1]: > mern_shopping_list@1.0.0 start /app
2019-07-16T14:28:49.808271+00:00 app[web.1]: > node server.js
2019-07-16T14:28:49.808273+00:00 app[web.1]:
2019-07-16T14:28:50.535727+00:00 app[web.1]: Server started on port 37678
2019-07-16T14:28:50.599913+00:00 app[web.1]: MongoDB database connection established successfully
2019-07-16T14:28:51.155198+00:00 heroku[web.1]: State changed from starting to up
2019-07-16T14:28:53.226254+00:00 heroku[router]: at=info method=GET path="/" host=sjb-mern-shopping-list.herokuapp.com request_id=beb30ad8-df05-4784-9afd-5455b85a888e fwd="47.12.73.60" dyno=web.1 connect=1ms service=25ms status=404 bytes=380 protocol=https
2019-07-16T14:28:53.228183+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'
2019-07-16T14:28:55.426054+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'
2019-07-16T14:28:55.426274+00:00 heroku[router]: at=info method=GET path="/" host=sjb-mern-shopping-list.herokuapp.com request_id=ae1c6c34-3ee3-4c6f-9602-719aa5d1f0b8 fwd="47.12.73.60" dyno=web.1 connect=0ms service=2ms status=404 bytes=380 protocol=https
2019-07-16T14:29:05.123125+00:00 heroku[router]: at=info method=GET path="/" host=sjb-mern-shopping-list.herokuapp.com request_id=fd8dfaaa-f3ab-4ccd-a05e-8f390515fc4b fwd="47.12.73.60" dyno=web.1 connect=0ms service=2ms status=404 bytes=380 protocol=https
2019-07-16T14:29:05.122954+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'
2019-07-16T14:33:59.637664+00:00 heroku[router]: at=info method=GET path="/" host=sjb-mern-shopping-list.herokuapp.com request_id=3e8c9ca6-6e01-4ddf-a8eb-0d7d395a150e fwd="47.12.73.60" dyno=web.1 connect=31ms service=20ms status=404 bytes=380 protocol=https
2019-07-16T14:33:59.637176+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'
2019-07-16T14:34:53.426605+00:00 heroku[router]: at=info method=GET path="/" host=sjb-mern-shopping-list.herokuapp.com request_id=52388f1e-7a04-48a2-a8f9-e04c5c7f3d80 fwd="47.12.73.60" dyno=web.1 connect=0ms service=1ms status=404 bytes=380 protocol=https
2019-07-16T14:34:53.427605+00:00 app[web.1]: Error: ENOENT: no such file or directory, stat '/app/client/build/index.html'