CODEWITHSUNDEEP
javascriptreactjsgithubjsxgithub-pages
Erika Zibelnik
Erika Zibelnik

Reputation: 21

React app gh-pages displaying blank, not sure what to do

I deployed my react app on gh-pages. I thought I followed all the instructions, but when I open the link it's blank. Any guidance would be great.

Here is the deployed link: Website

Here is the repo: Github

I'm not sure what screen grabs would be useful, I'm not seeing anything in the console or anything odd in network. enter image description here enter image description here

It runs locally without any errors either. If I'm lacking information please let me know what would be helpful. I followed the steps I found for react gh-pages and googled what I could but I'm at a loss.

npm install gh-pages --save-dev

https://{username}.github.io/{repo-name}

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

npm run deploy

One thing I saw said to use Hashrouter, so I tried that. I tried from a new repo thinking maybe I'd done something incorrectly the first go around so I went step by step again. Help.

Upvotes: 0

Views: 110

Answers (1)

Mike Kim
Mike Kim

Reputation: 125

I think you need to do this in App.js:

<Route path="/erika.zibelnik" element={<Home/>}>

Also, not sure if this error in the Console is related:

Origin trial controlled feature not enabled: 'interest-cohort' in static HTML page

Upvotes: 1

Related Questions