Github Pages Failed to load resource: The server responded with a status of 404 ()

[yakubhariana70]

Hey Guys, I need some insight and hope you kindly want to help me solve my problem with gh-pages. I developed a webpage using CRA, React Router, and some npm packages like react-map-gl, react-bootstrap, etc. I think my project going well as I see in the development build everything looks OK.

When I built my app on Github pages something happened. My app only shows the homepage, and when I navigate to the other page it tells me 404 There isn't a GitHub Pages site here. The console showed me an error Failed to load resource: The server responded with a status of 404 (). However, when I run in the development build the page is running smoothly.

• [ v ] I'm following the tutorial as written from start to finish from @gitname
• [ x ] I'm using a custom domain (note: not covered in tutorial)
• [ v ] I'm using React Router (note: not covered in tutorial)

Links

Below there is my code and deployed pages

• GitHub repository: https://github.com/yakubhariana70/spatialcitizen-semarang
• GitHub Pages site: https://yakubhariana70.github.io/spatialcitizen-semarang/

Everything Else

This is the homepage: This is the other page should be:

And this is the error I get:

[yakubhariana70]

The console log shows me this error

[yakubhariana70]

I already solved this problem. The problem was mainly caused by my routing which was not correctly scripted. Thankyou