Why my deployed react-app is showing a blank page

Question

Why is that the react app I deployed via github pages is showing a blank page. I tried doing this already before (using the default react-homepage only for testing purposes) and it worked just fine.

"homepage": "https://aaroncferrer.github.io/banking-app",


"predeploy": "npm run build",
"deploy": "gh-pages -d build",


"gh-pages": "^5.0.0"

I was able to add/install the dependencies above as well. This was my reference for deployment instructions: https://github.com/gitname/react-gh-pages#2-create-a-react-app

Repo link: https://github.com/aaroncferrer/banking-app

Additionally, I tried deploying the react app via vercel but it also gives me an error upon deployment/building phase: Vercel Depoloyment Error

Satyam Shankar · Accepted Answer · 2023-02-07 03:46:00Z

1

You should have the index.html file in the main root of your application and not in any other folder like public. Hope this resolves the issue

answered Feb 7, 2023 at 3:46

Satyam Shankar

2482 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Anthony Renzo Ferrer Over a year ago

But when I tried doing a sample deployment I didn’t need to move index.html from public to the root folder and it worked just fine.

Collectives™ on Stack Overflow

Why my deployed react-app is showing a blank page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related