So I've managed to publish my React app to GitHub pages, but the page shows up blank. There are no known errors that I can tell as of now. Here is a link to the master branch: https://github.com/SarahACollins/Portfolio/tree/master and to the website https://sarahacollins.github.io/Portfolio/ . I am building the site from the gh-pages branch; I'm not sure if I'm supposed to but if I build the website from the master branch, I receive a 404 error where the page is just not found. Any help would be appreciated. Thanks.
GitHub Pages screenshot
Related
I have a website hosted with GitHub Pages at https://[username].github.io.
I have a separate deployment for the repo [username].github.io and the web page hosted at https://[username].github.io is working fine.
I recently created a react app using create-react-app and wanted to host that to Github pages. The repo name is react-gsap. Now I followed the https://github.com/gitname/react-gh-pages tutorial to deploy the app to Github pages. Once I ran npm run deploy I see that the gh-pages branch is created and it has the index.html and other files that are required to run the web app.
The problem is when I access https://[username].github.io/react-gsap I am getting 404.
Here's the repo that I created: https://github.com/atiqorin/react-gsap
What am I missing?
UPDATE:
It was just a delay. The github pages is working now. I guess it takes some time to have the page ready. Anyone having similar issue might want to wait an hour to see the changes.
I am trying to deploy my portfolio website built with react. I am using github pages to deploy the page.
This is the website I used when I got a 404 error in deploying. https://github.com/orgs/community/discussions/23058
This is the website I am trying to deploy: https://shivam242001.github.io/
On opening the site I initially see the 404 error in the console and when I click refresh I see this in the console
This is the git repo: https://github.com/Shivam242001/Shivam242001.github.io
I really need some help, I have been stuck on this for way too long. Thanks in advance
Because you set the wrong home page
"homepage": "https://github.com/Shivam242001/website.git"
It should be
"homepage": "https://shivam242001.github.io"
Please refer to this: https://github.com/gitname/react-gh-pages#4-add-a-homepage-property-to-the-packagejson-file
i created a portfolio website and deployed to github pages but it's returning a blank page, i have updated the homepage and scripts in package.json, i tried deploying via vercel and netlify and it's the same error.
the github link is https://github.com/dayolovesruby/MyPortfolio
the github pages link is https://dayolovesruby.github.io/MyPortfolio/
n.b the website is working well in my localhost
Remove the dayolovesruby part from the homepage in package.json.
I tried deploying my backend to Heroku and after I did that my website was still working on http://localhost:3000/ but after I build the app for deployment on GitHub Pages the website stopped working on the Github page but works on the local environment.
this is my GitHub repo: https://github.com/pranjalchaplot/missedmessage/
My deployed GitHub Page (doesn't work): https://pranjalchaplot.github.io/missedmessage/
Your JavaScript references are not set correctly
as seen in your html javascript references, when you open that in a new tab, it feeds off of the "master" url, and brings you to a 404 page, you need to fix/change your reference path.
Also, the console is showing quite a few errors
I've tried following the github documentation and this video tutorial to a T https://www.youtube.com/watch?v=Dq6EkzoZp4w and yet when ever I try and visit my site I simply get a 404 error, this a link to the gh-page repo https://github.com/Jseto97/jseto.me/tree/gh-pages. Not sure what i'm doing wrong.
check this, it is very good tutorial to deploy react app on github pages https://medium.freecodecamp.org/surge-vs-github-pages-deploying-a-create-react-app-project-c0ecbf317089