Create account

DEV Community

Page Not Found on Netlify with React Router

Sung M. Kim on December 19, 2018

Photo by Hello I’m Nik on Unsplash If you are already using netlify.toml, check out this article, ...

Read full post

Halim • Jul 14 '20

if you use feature deploy on netlify

npm run build && echo "/* /index.html 200" > build/_redirects

Trần Đức Lĩnh • Oct 25 '21

Oh, thank you ^^, You know! I create project with (webpack+reactjs). The ways on the forum don't work until I see your instructions

zhuangya • Nov 4 '19

awesome! you save my day :)

Sung M. Kim • Nov 4 '19

You're welcome & glad that it's saved someone's day (an exactly the purpose of sharing 🙂)

Hermes J. Pappas • Feb 16 '22 • Edited

Hi Sung! Thank you for this post. I tried both your suggestion and Halim's suggestion underneath about how to solve this via custom Netlify build command, and neither worked. I'm new to React and Routing so if you could please have a look at my code and see if I could solve this I would appreciate it extremely.

Here is the site: hjp-world.netlify.app
And here is the github repo: github.com/hermesjpappas/react-cou...

If you click on a country and try to refresh the page, you either get a blank white page or a 404 error on Netlify. Again, any help would be appreciated immensely!

EDIT: I suspect it might have something to do with the fact that I am using generated paths using a variable (e.g. path="/:countryCode") along with the useParams hook on the target component. Still, if you have any ideas that'd be great!