如何在react-router工作中创建嵌套路由？

Question

当您嵌套路线时，它似乎不显示页面。对于正常路线，我没有问题。

我已经导入了用于此目的的组件。我还为路线导入了所需的组件。

/dev/sda

以下是我的代码示例：

import {Router, Route, browserHistory, Link, IndexRoute} from "react-router";

如果我执行此代码，我已成功显示嵌套页面，但是当我刷新时，我在控制台上出错。

ReactDOM.render((
<Router history = {browserHistory}>
    <Route path = "/" component = {Root}>
        <IndexRoute component = {Home} />
        <Route path = "/home" component = {Home} />
        <Route path = "/user" component = {User} />
        <Route path = "/characters" component = {Characters} />
        <Route path = "/characters/gen-1" component = {GenOne} />
    </Route>
</Router>), document.getElementById('wrapper'));

这些是错误：

我正在使用react-router版本：2.8.1。 任何人都可以指出或建议做嵌套路由的正确方法是什么？任何一个例子都会非常感激。