Jimi
Jimi

Reputation: 1897

react-router 4.1.1 returning 404's

I've just upgraded to "react-router": "^4.1.1" and now I'm getting 404's from all routes except the default route. Not sure what I'm missing here?

Any assistance is appreciated.

import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import {  BrowserRouter, Route, Switch } from 'react-router-dom'


import Tee from './components/Tee'
import About from './components/About'
import Home from './components/Home'

class App extends Component {
    render() {
        return (
            <BrowserRouter>
                <div>
                    <Switch>
                        <Route exact path="/" component={Home} />
                        <Route path="/about" component={About} />
                        <Route path="/tee" component={Tee} />
                    </Switch>
                </div>
            </BrowserRouter>
        );
    }
}

export default App;


ReactDOM.render((
    <App />
     ),
     document.getElementById('app')
);

Upvotes: 9

Views: 397

Answers (1)

Tzook Bar Noy
Tzook Bar Noy

Reputation: 11677

I have tested your code, and duplicated to my own project here:

https://github.com/tzookb/react-router-stackoverflow-q/tree/master

but everything seems to work perfectly, kudos for that! :)

So please can you update your question with relevant errors? please go through my repo and see that all is good.

Upvotes: 2

Related Questions