I recently used Brad Traversys Guide to create a basic MERN Stack App with React.js, Redux.js, Node.js, Express.js, and MongoDB using create-react-app and Mlab. The app functions perfectly on my local server without any issues, but I am facing difficulties deploying it on Heroku.
After deploying the app through Heroku CLI, I received the following message:
deployed to Heroku
remote:
remote: Verifying deploy... done.
To https://git.heroku.com/salty-temple-63286.git
d4eeb21..473c3c0 master -> master
However, when I visit my app, I encounter an error message that states:
Application error An error occurred in the application and your page could not be served. If you are the application owner, check your logs for details. You can do this from the Heroku CLI with the command heroku logs --tail
Below are snippets from the logs:
In my effort to troubleshoot, I examined relevant excerpts from my files:
// Serve static assets if in production
if (process.env.NODE_ENV === "production") {
// Set static folder
app.use(express.static("client/build"));
app.get("*", (req, res) => {
res.sendFile(path.resolve(__dirname, "client", "build", "index.html"));
});
}
In conclusion, while my app runs smoothly with the database on my local server, there seems to be a hiccup when trying to run it on Heroku.
For the full source code, you can visit my Github repository: https://github.com/twheelertech/mern-todo-list
I have successfully deployed MERN apps on Heroku in the past without such errors, which makes this situation perplexing. Any insights on how to resolve this issue would be greatly appreciated.