Site not deployed on AWS S3

Question

I have followed all instructions of deploying React app to AWS S3. Uploaded all files and folders in bucket, but, when clicked on site endpoint in Static Website Hosting shows blank page.What may be the cause? Please see following images for reference

All files and folders uploaded Static Website Hosting in properties also updated Public access also enabled Bucket Policy also updated Blank Page

This is all required for React App to deploy on AWS S3. Any suggestions?

Answer 1

Fetching index.html works fine, but the various JavaScript files are all yielding 404.

The problem appears to be that your HTML is fetching resources as:

/WeatherApp/static/js/main.057efd26.chunk.js

but in the origin they are actually at:

/static/js/main.057efd26.chunk.js

Fix your index.html to refer to static resources rooted at /static/ , not /WeatherApp/static/ .

Answer 2

1. In package.json file, change homepage to: "homepage": "./"
2. npm run build
3. re-upload these build files.