index.html did not match any routes - react-router - react js

Question

I'm confused. without html-webpack-plugin plugin I can run my project and it works fine:

yarn start

url:

My project is finished. now I want to build my project and I want to upload on server.

my project works with Api.

now, I think I should use html-webpack-plugin to get a build file. to do this I run this command:

npm run build

and It makes a dist directory that inside of it is:

I uploaded my content of my dist on server:

I got this error on console:

Warning: [react-router] Location "/test20/index.html" did not match any routes

whole my project:

Zohaib Ijaz · Accepted Answer · 2018-04-23 18:22:29Z

1

You need to hit root url i.e. / not index.html

If you want to map /index.html to root url, add a rule in react-router.

answered Apr 23, 2018 at 18:17

Zohaib Ijaz

23k7 gold badges43 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

but I got the same error with your url: http://www.shadyab.com/test20

I got some UI with bad css :)