CODEWITHSUNDEEP
reactjsgithub-pages
Justin DeWitt
Justin DeWitt

Reputation: 51

Trouble With GitHub Pages

I've seen a few of these posts on StackOverflow already, though I really can't seem to get mine working no matter what I try.

I am trying to host a webpage, though when deploying I am left with a blank screen, and the following error in the console:

Uncaught SyntaxError: Unexpected token '<' in main.e7fa3b75.js:1

I've seen posts which suggest it is a problem with the pathing to my static files, though I cant seem to sort it out.

This post suggests I should remove an extension from my package.json, though I don't use that extension.

This post says I should remove the repository name from the homepage field in the package.json, though that also wouldn't work for me.

I'm out of ideas, here is the repo, if someone doesn't mind taking a look?

I have got it to render the website for a few moments, only to disappear to the same white screen moments later. There are no problems if I run the page on local host.

UPDATE

I have since got the application to host, but only if I explicitly visit the URL of the landing page. https://jcdw99.github.io/

From the landing page there is a /papers route which can be reached from the navbar. If you press on the button, the page renders. Though, if you try to explicitly view the page, by manually visiting https://jcdw99.github.io/papers it returns a 404.

Any help?

Upvotes: 0

Views: 123

Answers (1)

Kartoos
Kartoos

Reputation: 1160

Try <HashRouter> instead of <BrowserRouter> since Github pages don't support HTML5 history API (see notes on client side routing) but React BrowserRouter uses it. See this question with similar problem.

One observation is if you navigate directly using # in the url, like https://jcdw99.github.io/#/papers it works!

Upvotes: 1

Related Questions