I'm encountering an issue on my personal website that only occurs in production, but not in my local environment.
Here's the situation:
I have set up the routes as follows
const Routes = () => (
<Router>
<Route exact path="/" component={Home} />
<Route exact path="/works" component={work} />
<Route exact path="/skills" component={skills} />
</Router>
)
Locally, I can access all routes and render components for work and skills:
- http://localhost:3000/
- http://localhost:3000/work
- http://localhost:3000/skills
After deploying the code to my domain, I encounter issues accessing these routes:
This is the error message I receive for these routes:
This XML file does not appear to have any style information associated with it. The document tree is shown below.
<Error>
<Code>NoSuchKey</Code>
<Message>The specified key does not exist.</Message>
</Error>
I'm unsure of what I'm doing wrong and why this error isn't occurring locally. Any help would be appreciated.