I've been trying to deploy a react app on github pages but it keeps rendering a blank page. I've tried a few different things (changing https to http, starting a new repo) each time I've made a git push and waited a while for github to build it but even after hours there is no change.
https://github.com/Michael-ET/Reddit-reader
You changed the homepage property in package.json, but never re-built your app and pushed changes in the build to your gh-pages branch:
The pathname is still outdated in index.html.
Related
My repo: https://github.com/Ayse-Sadioglu/Portfolio
website live at: https://ayse-sadioglu.github.io/Portfolio/
I seem to have a problem publishing my website via Github pages. Everything works as it should on localhost but Github pages shows blank page. I’ve seen a few similar posts about this issue but answers not worked for me. According to answers to similar posts, I tried to remove the Portfolio extension from homepage in package.json but it didn't updated on the github pages. I mean it still shows the url that i entered before ands still shows blank page.
I have installed through npm the gh-pages module and done “npm run deploy” from https://github.com/gitname/react-gh-pages. This created my gh-pages branch. I’ve updated my package.json with the appropriate information.
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 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 am using a react protfolio template, and the single page app, loads perfect when I host it locally. But when I try to host on github pages, it shows me the read me file (I guess because no copy of the index.html file in the root), but even then I make a copy of the html file in the root, it just shows me a blank page.
Why the big difference between what I see localy and how it is displayed on github pages? How do I fix this?
Here is the code:
https://github.com/davidlindercodes/Ultimate-React-Portfolio
Thank you
This is because, you didn't build your React app or create gh-pages branch.
What you have to do
You have to build your React app and move the files in dist folder to a branch called gh-pages. Then Github Pages will render the index.html in the gh-pages branch.
Refer How to deploy React App to GitHub Pages
enter image description here
while deploying my Reactjs app on GitHub I am facing page refresh problem, however, on localhost app is working fine, pages are refreshed and get the component.
it seems that this is a project build problem.
I need a solution for it that why this problem is coming on project build.
Also, I did not install my packages using --save flag, I am confused about that flag options.