React-router issues with deploying github pages, with create-react-app

reactjs webpack react-router http-status-code-404 github-pages
user7024499 picture user7024499 · Nov 4, 2016 · Viewed 18.1k times · Source

I am having the hardest time deploying a simple react application to github pages. You move one file to a wrong directory and it throws the entire process off.

What do I do once I run npm run build?

That puts all my files into a build folder, but the browser still keeps giving me 404 errors, thinking that anything typed after the initial url route's "/" is looking for an actual file from a server. I just want to use whatever comes after the / as routes that I set up in my React Router... :(

Answer

Khang Lu picture Khang Lu · Nov 4, 2016

Create-react-app has a detailed section on how to deploy your build to Github Pages and Heroku. You can read it here

Related questions

How to allow for webpack-dev-server to allow entry points from react-router

I'm creating an app that uses webpack-dev-server in development alongside react-router. It seems that webpack-dev-server is built around the assumption that you will have a public entry point at one place (i.e. "/"), whereas react-router allows for an unlimited amount …

Read More
How to tell webpack dev server to serve index.html for any route

React router allows react apps to handle /arbitrary/route. In order this to work, I need my server to send the React app on any matched route. But webpack dev server doesn't handle arbitrary end points. There is a solution …

Read More
"Invalid Host Header" in When running React App

I am having one simple project of React JS and I am deploying into OSE. Also I am using below dependencies in my project. "webpack": "^2.2.0", "webpack-dev-server": "^1.14.1", "react": "^15.5.4", "react-router-dom": "^4.1.1" also I am running my project through below build script. "build": "SET …

Read More