How to prevent page not found Error in React

Question

I finished a Frontenmentor challenge but couldn't find the reason why the Site crashes when I try to refresh in the /details/:name page. I thought at first the reson could be maybe the spacings in the path name so i fixed those but the Problem isn't solved. In Localhost if i refresh the page there is no error but in the live server in netlify i become the ctash error.

here is the project: https://rest-kasamt.netlify.app/ and here my code https://github.com/kasamtDE/React-Rest-Countries/tree/main/src

How are you deploying the app on the server? Are you creating a .war file out of the react codes and deploying it on any server? — Snehasish Karmakar, Aug 21 '21 at 11:09
I deploy it like this: npm run build and then i drag the build folder to netlify @SnehasishKarmakar — Kaan, Aug 21 '21 at 11:38
Did you verify that you have `index.html` in your build folder as the suggested troubleshooting mentioned [here](https://answers.netlify.com/t/support-guide-i-ve-deployed-my-site-but-i-still-see-page-not-found/125?utm_source=404page&utm_campaign=community_tracking) ? — Snehasish Karmakar, Aug 21 '21 at 12:26

score 1 · Accepted Answer · answered Aug 21 '21 at 12:27

1

You need to add the _redirect file to public folder.

_redirect

/* /index.html 200

This means redirects all incoming requests to index.html.

Catch all redirect for create-react-app in netlify

answered Aug 21 '21 at 12:27

Mert

113
1
2
5

How to prevent page not found Error in React

1 Answers1