Reactjs 在第一个加载页期间，react路由器位置与任何路由都不匹配

我看到了很多解决方案，但没有任何帮助。我仍然收到错误

警告：[react router]Location”/“不匹配任何路由

my code

index.js

-

import { Router, Route, Redirect, browserHistory } from 'react-router'; 
ReactDOM.render(<Router history={browserHistory} >{routes}</Router>, document.getElementById("app"));

    module.exports = (
        <Route path="/" handler={App}>
            {console.log(Pages["Graph"])}
            <Redirect from="/" to="/graph"/>
            <Route path="/graph" handler={Pages["Graph"]}/>
        </Route>
    );

我还没有链接。我在第一次加载页面时遇到此错误

"dependencies": {
    "react": "^15.2.1",
    "react-dom": "^15.2.1",
    "react-router": "^2.6.0"
  },

---

对我来说，似乎有一些事情出了问题。让我们将您的路由拆分为一个专用的routes.js文件。随着你的应用程序的发展，你无论如何都会想把它分开。像这样导出，并确保导入的是希望管线指向的组件。我认为您在导出和呈现到dom的路由时遇到了问题

import React from 'react';
import { Route, IndexRoute } from 'react-router';

import App from './filepath/app.js';

export default (
        <Route path="/" component={App}>
           <IndexRoute component={App} />
             //other stuff
        </Route>
)

从“React”导入React；
从“react router”导入{Route，IndexRoute}；
从“/filepath/App.js”导入应用程序；
导出默认值(
//其他东西
)

然后要将路由导入index.js文件，并连接DOM：

import { Router, Route, Redirect, browserHistory } from 'react-router'; 
import routes from './filepath/routes';

ReactDOM.render(
     <Router
        history={browserHistory}
        routes={routes}
     />, document.querySelector('#app'));
);

从'react Router'导入{Router，Route，Redirect，browserHistory}；
从“/filepath/routes”导入路由；
ReactDOM.render(
，document.querySelector（“#app”）；
);

可能也有帮助。免责声明-我写的

---

希望这一点，或者教程有帮助！快乐编码

嗯。我可以用处理程序替换组件吗？我正在尝试从另一个类似的程序中创建项目，它有一个处理程序……我不这么认为，我没有看到任何关于使用

handler

而不是

组件的官方文档或示例。我一直使用
组件
方法。handler有一个解决方案，我不理解这两者之间的区别。。我发现某个处理程序允许动态路由。。。我不知道这是什么意思：D所以我希望你的解决方案足够：）是的，我实际上也在读这篇文章，奇怪的是，直到那时我才听说它。祝你好运，我希望它也能起作用。让我知道！我刚刚读了上面链接中的评论，他说Handler和DefaultRoute等都是旧版本react router的语法。。。所以我希望这就是全部，没有什么不同。。。所以我会在你的解决方案中这样做。。。非常感谢：）
import { Router, Route, Redirect, browserHistory } from 'react-router'; 
import routes from './filepath/routes';

ReactDOM.render(
     <Router
        history={browserHistory}
        routes={routes}
     />, document.querySelector('#app'));
);