Javascript 反应路由器不返回动态路径_Javascript_Reactjs_React Router

Javascript 反应路由器不返回动态路径

javascript reactjs

Javascript 反应路由器不返回动态路径,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我将react路由器用于以下路由： let routes = [{ path : homePath, component : Layout, indexRoute: { component : Home }, childRoutes : [ { path : "translations", component : Translation, }, { path : "articles", component :

我将react路由器用于以下路由：

let routes = [{
  path : homePath,
  component : Layout,
  indexRoute: { component : Home },
  childRoutes : [
    {
      path : "translations",
      component : Translation,
    },
    {
      path : "articles",
      component : Articles,
    },{
      path : "article/:id",
      component : Article,
    },
    {
      path : "contact",
      component : Contact,
    },
  ],
}];
ReactDOM.render(
  <Router routes = {routes} history = {rRouter.browserHistory}>
  </Router>
  ,app);

如果我尝试转到localhost/articles路径，它可以正常工作，但是如果我尝试使用localhost/article/1，它会给我以下错误

Uncaught SyntaxError:Unexpected token证明问题是由我包含脚本文件的方式引起的。我必须改为src=“/src/js/bundle.js”
而不是src="http://localhost/src/js/bundle.js“
听起来好像有什么东西在期待Javascript，但却在接收HTML-检查您的网络选项卡是否可以提供快捷路线和index.HTML是否在开发服务器上设置了URL回退？即使在开发服务器上尝试访问未知路径时，您是否仍在为index.html服务？我已经找到了问题的答案
class Articles extends React.Component{
  render(){
    return(
      <h1>Articles</h1>
    );
  }
}
class Article extends React.Component{
  render(){
    console.log(this.props);
    return(
      <h1>Article</h1>
    );
  }
}

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>HYassin</title>
    <link href='https://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'/>
    <link href='http://yui.yahooapis.com/pure/0.6.0/pure-min.css' rel='stylesheet' type='text/css'/>
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="http://localhost/Hyassin/src/css/main.css" rel="stylesheet" type="text/css"/>
    <!--  React stuff  -->
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.js"></script>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.min.js"></script>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/react-router/2.7.0/ReactRouter.js"></script>
    <script src = "https://cdnjs.cloudflare.com/ajax/libs/superagent/2.2.0/superagent.js"></script>
    <script src = "https://unpkg.com/mobx@2.5.1/lib/mobx.umd.js"></script>
    <script src='https://www.google.com/recaptcha/api.js'></script>
</head>

  <body>
    <div id = "webapp"></div>
    <script src = "./src/js/bundle.js"></script>
  </body>
</html>

RewriteEngine On
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -f [OR]
  RewriteCond %{DOCUMENT_ROOT}%{REQUEST_URI} -d
  RewriteRule ^ - [L]
  RewriteRule ^ /index.php [L]