Blank Page Load

[ryanmarshallmc]

Hi gitname -

Troubleshooted my way through your tutorial, thanks in advance for the help. Ran into an issue in that the page that loads is simply blank and white, although it does load the <title> correctly from my index.html. any ideas?

[AlanPedro]

Similar issue, did you manage to solve this?

[jonathonwpowell]

@ryanmchenry2 @AlanPedro I had a similar issue and managed to solve it. Make sure that the homepage defined in the package.json file is in the correct format http://{username}.github.io/{repo-name} otherwise the resources will fail to load as it will look in the wrong place.

[danceyoung]

I had a similar issue, but not solve it. The property homepage is also correct. @jonathonwpowell

[jonathonwpowell]

@danceyoung Have you checked the network tab on the browser Dev tools to see exactly where the requests are going? That is what tipped me off to what was happening

[danceyoung]

repository :https://github.com/danceyoung/trycatch-intereactiveUIs @jonathonwpowell https://danceyoung.github.io/trycatch-intereactiveUIs/index.html thanks

[danceyoung]

@jonathonwpowell
Hi, i have fixed through the issue #3
setting react router's basename prop to repository name
thanks

[Ronnehag]

@jonathonwpowell
Hi, i have fixed through the issue #3
setting react router's basename prop to repository name
thanks

Awesome! I had my first router path set to '/' so it loaded the page without main content, but when I clicked the home link it all rendered. Changed it to my repo-name worked.

[LOGANLEEE]

Thank you i solved URL and router issue 👍

[Qubaish]

Hi Guys,

I am also facing the same issue but in my case the resource are getting from root directory instead of repo-name.
e.g
https://qubaish/github.io/vendor.js /// not found

but ideally it should pick from this path
https://qubaish/github.io/repo-name/vendor.js // found

any suggestion what i am doing wrong ?

Thanks

[jonathonwpowell]

@Qubaish What is the value for "homepage" in your package.json file? Make sure it follows this format: https://{username}.github.io/{repo-name}

[Qubaish]

@jonathonwpowell , I am using exactly same format: https://qubaish.github.io/news-feed/

[Abbaskt]

@jonathonwpowell
Hi, i have fixed through the issue #3
setting react router's basename prop to repository name
thanks

Can you explain it more briefly

[ghost]

I have a similar issue and I don't use react router at all