The Dilemma
My React app is deployed on Heroku using create-react-app for bundling. The backend is a Node.js written in Typescript with node version 10.15.3.
Locally, when I run the site using npm start, everything works perfectly. However, when I view the site on my mobile device, it appears different.
Despite reaching out to Heroku support for assistance, the issue remains unresolved. It seems that similar problems online pertain to Ruby users, not React developers like myself.
The build folder contains all the necessary files, and my index.js file looks like this:
(code snippet provided)
Also, here is the folder structure:
References:
- Create React App Deployment
- Creating A Production Build
- Create React App Deployment (Heroku Section)
- Checking The Heroku App's File System
- CSS Is Looking Different On Heroku
- Heroku Messes Up Styles