Site is live, but when i open it its just a blank screen (react app)

Cannot get my full react site to deploy.
I dont know exactly what is causing it, i got this errors when i open the console.

  • Failed to load resource: the server responded with a status of 404 () main.1c194c19.css:1
  • Failed to load resource: the server responded with a status of 404 () main.61b2c80a.js:1
  • Failed to load resource: the server responded with a status of 404 () manifest.json:1
  • Failed to load resource: the server responded with a status of 404 () main.1c194c19.css:1
  • Failed to load resource: the server responded with a status of 404 () manifest.json:1
  • Manifest: Line: 1, column: 1, Syntax error. manifest.json:1

here is a link to my netlify site:
https://glistening-truffle-77e9d5.netlify.app

here is a link to the github repository, the branch is “v13”
https://github.com/JulianSantiagoPico/HighPerformance

I used gh-pages to see it properly in the github pages (it works there), maybe its something related to that.

Any help would be greatly appreciated!

@HellBlaze As you’ve spotted the issue is that none of your assets are loading.

This is very much the case.

When people host on gh-pages their project is configured to build as if hosted in a subfolder, in your case /HighPerformance/.

But on Netlify they want to serve from the root as /.

You can see that all the asset references in your output on Netlify contain /HighPerformance/:

But the files aren’t in those locations:
https://glistening-truffle-77e9d5.netlify.app/HighPerformance/static/js/main.61b2c80a.js

They’re here:
https://glistening-truffle-77e9d5.netlify.app/static/js/main.61b2c80a.js

When you run your Build command it actually says this:

As it advises, you can control this with the homepage field in your package.json.

See:

You can set that to / or remove it entirely for hosting on Netlify.

1 Like

Thank you so so much, im new to netlify and didnt new how to solve this. I appreciate it very much
<3