React 应用程序 gh-pages 显示空白，不知道该怎么做

Question

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.

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.

Answer 1

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