Réagir-Routeur - Uncaught TypeError: Cannot read property 'getCurrentLocation' undefined

Question

J'utilise la dernière version de react-router (version ^3.0.0).

J'ai écrit la suite de routage à l'aide de ES5:

routes.js:

var React = require("react");
var Router = require("react-router");
var AuthorPage = require('./components/authors/authorPage')
var App = require('./components/app')
var Route = Router.Route;

var routes = (
    <Route path="/" component={App}>
        <Route path="authors" component={AuthorPage}/>
     </Route>
);

module.exports = routes;

Dans un autre fichier JS appelés main.js - je effectuer l'appel suivant:

main.js:

var React= require("react");
var ReactDom = require("react-dom");
var Router = require('react-router').Router;
var routes = require('./routes');
ReactDom.render(<Router routes={routes}></Router>, document.getElementById('app'));

Lorsque j'exécute le code, j'obtiens l'exception suivante dans Google Chrome developer tools:

Uncaught TypeError: Cannot read property 'getCurrentLocation' de undefined

Pourquoi est-ce? Ce qui me manque?

Answer 1

Vous n'êtes pas en passant d'une histoire à votre <Router>.

Découvrez les histoires de la documentation pour plus d'informations.

Answer 2

Eu la même erreur, résolu de cette façon:

Ajouter

var hashHistory = ReactRouter.hashHistory;

Et dans le Routeur ensemble de l'histoire est égal à hashHistory

<Router history={hashHistory}>

Donc dans votre cas:

var routes = (
<Router history={hashHistory}>
    <Route path="/" component={App}>
        <Route path="authors" component={AuthorPage}/>
     </Route>
</Router>
);