Reactjs 警告：失败的道具类型：为路由器提供的道具'children'无效

我错过了一些非常基本的东西我已尝试实现react路由器。我在页面加载时出错：

Warning: Failed prop type: Invalid prop 'children' supplied to 'Router'.
    in Router

此外，配置的路由似乎没有被正确拾取 e、 g.

警告：[反应路由器]位置“/策略”与任何路由都不匹配

我环顾了一下周围，但似乎没有什么与我所拥有的相关

我做错了什么

index.js

import 'core-js/fn/object/assign';
import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, IndexRoute, hashHistory, browserHistory } from 'react-router';
import {Dashboard} from './components/Main';
import {OverviewComponent} from './components/dashboard/OverviewComponent';
import {PoliciesComponent} from './components/dashboard/PoliciesComponent';
import {ReportingComponent} from './components/dashboard/ReportingComponent';

// Render the main component into the dom
//ReactDOM.render(<App />, document.getElementById('app'));
ReactDOM.render((
  <Router history={browserHistory}>
    <Route path="/" component={Dashboard}>
        <Route path="/policies" component={PoliciesComponent} />
        <Route path="/reports" component={ReportingComponent} />
    </Route>
  </Router>),
 document.getElementById('app')); 

import React from 'react';
import { Link } from 'react-router';
import {OverviewComponent} from './dashboard/OverviewComponent';
import {PoliciesComponent} from './dashboard/PoliciesComponent';
import {ReportingComponent} from './dashboard/ReportingComponent';

class Dashboard extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div id="mainContainer" className="container-fluid">
        <div id="menuSidebar" className="col-md-2">
          <MenuItems />
        </div>
        <div className="topNav"></div>
        <div className="mainPanel">{this.props.children}</div>
      </div>
    );
  }
}
export default Dashboard;

导入'core js/fn/object/assign'；
从“React”导入React；
从“react dom”导入react dom；
从“react Router”导入{Router，Route，IndexRoute，hashHistory，browserHistory}；
从“./components/Main”导入{Dashboard}；
从“./components/dashboard/OverviewComponent”导入{OverviewComponent}；
从“./components/dashboard/PoliciesComponent”导入{PoliciesComponent}；
从“./components/dashboard/ReportingComponent”导入{ReportingComponent}；
//将主组件渲染到dom中
//ReactDOM.render（，document.getElementById（'app'））；
ReactDOM.render((
  
    
  ),
document.getElementById（'app'）；

摘自Main.js

import 'core-js/fn/object/assign';
import React from 'react';
import ReactDOM from 'react-dom';
import {Router, Route, IndexRoute, hashHistory, browserHistory } from 'react-router';
import {Dashboard} from './components/Main';
import {OverviewComponent} from './components/dashboard/OverviewComponent';
import {PoliciesComponent} from './components/dashboard/PoliciesComponent';
import {ReportingComponent} from './components/dashboard/ReportingComponent';

// Render the main component into the dom
//ReactDOM.render(<App />, document.getElementById('app'));
ReactDOM.render((
  <Router history={browserHistory}>
    <Route path="/" component={Dashboard}>
        <Route path="/policies" component={PoliciesComponent} />
        <Route path="/reports" component={ReportingComponent} />
    </Route>
  </Router>),
 document.getElementById('app')); 

import React from 'react';
import { Link } from 'react-router';
import {OverviewComponent} from './dashboard/OverviewComponent';
import {PoliciesComponent} from './dashboard/PoliciesComponent';
import {ReportingComponent} from './dashboard/ReportingComponent';

class Dashboard extends React.Component {
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <div id="mainContainer" className="container-fluid">
        <div id="menuSidebar" className="col-md-2">
          <MenuItems />
        </div>
        <div className="topNav"></div>
        <div className="mainPanel">{this.props.children}</div>
      </div>
    );
  }
}
export default Dashboard;

从“React”导入React；
从“反应路由器”导入{Link}；
从“./dashboard/OverviewComponent”导入{OverviewComponent}；
从“./dashboard/PoliciesComponent”导入{PoliciesComponent}；
从“./dashboard/ReportingComponent”导入{ReportingComponent}；
类Dashboard扩展了React.Component{
建造师（道具）{
超级（道具）；
}
render（）{
返回(
{this.props.children}
);
}
}
导出默认仪表板；

我有一个确切的问题，我有两条路由，一条用于经过身份验证的用户，另一条用于未经身份验证的用户，未经身份验证的路由工作得很好，它们看起来几乎与我相同。你知道吗？真的有解决办法吗？