Currently, I am in the process of hosting my website on Heroku and configuring everything to ensure my app is up and running smoothly. However, each time I attempt to submit the form, undefined errors occur.
For more details on the Undefined Errors and Console Errors, you can click on the provided links.
I have set it up to use the port as specified in the documentation:
app.listen(process.env.PORT || 8081, function () {
console.log('Example app listening on port 8081!');
});
While starting the app locally with heroku local web, I encounter a Typerror: Failed to Fetch along with undefined results. However, upon adding a port=8081 in my .env file, the issue is resolved.
Here's an example of a good result
Even after using heroku open, the undefined problem persists.
Do I actually need to set a PORT in the .env file? I have heard that the standard port is 80, but this did not work for me either.
If anyone could provide assistance, I would greatly appreciate it! Thank you!
For reference, here is the link to the public site: . Additionally, here is the link to my Github repository: https://github.com/stefanfeldner/capstone-travel-app