我的语法是正确的，但我仍然收到错误答案

【问题标题】：My Syntax is correct, but I am still getting the error我的语法是正确的，但我仍然收到错误
【发布时间】：2017-07-06 11:46:22
【问题描述】：

我试图在我的服务器上呈现我的 React 应用程序，但在我的 routes.js 文件中我遇到了一个我似乎无法解决的错误。我得到的错误是

Unterminated JSX contents
<Router history={ browserHistory } createElement={ createElement }>
<Route path='/' component={ require('../app') }>
<Route path='/about' component={ require('../about') } />
<Route />
<Router />

更新代码

<Router history={ browserHistory } createElement={ createElement }>
<Route path='/' component={ require('../app') }>
  <IndexRoute component={ require('../home') } />
  <Route path="/about" component={ require('../about') } />
<Route />
<Router />

【问题讨论】：

删除，第三行。您在上一行关闭了此标签
对不起，我在复制时遗漏了一行，我已经用更新的代码更新了问题。

标签： reactjs react-router

【解决方案1】：

<Router history={ browserHistory } createElement={ createElement }>
  <Route path='/' component={ require('../app') } />
  <Route path='/about' component={ require('../about') } />
<Router />

【讨论】：

我在研究时遇到了 IndexPath，想使用它，我更新了我的代码，但仍然遇到同样的错误。
可能是包含require('../app') 的问题，你能用这个要求做变量吗，比如App、About 等并写<Route path='/' component={App} />
我这样做了，没有任何改变，所以我删除了Router标签内的所有路由，只有Router标签，我仍然收到错误消息。所以我猜节点服务器无法读取这种语法？但在我的 index.js 中，我包含了 require('babel-register')({ presets: ['react', 'es2015'] })
尝试添加{ presets: ['react', 'es2015', 'stage-1'] }
是的，消除了错误。 stage-1 是做什么的？

【解决方案2】：

我认为你的语法不适合你的路由器

应该是

<Router history={ browserHistory } createElement={ createElement }>
     <Route path='/' component={ require('../app') } />
     <Route path='/about' component={ require('../about') } />
<Router />

在上述情况下，您在第三行有一条空路线，在第一行有一条未终止的路线，我已经更正了。

或

<Router history={ browserHistory } createElement={ createElement }>
   <Route path='/' component={ require('../app') }>
       <Route path='/about' component={ require('../about') } />
    </Route>
<Router />

在上述情况下，路由 /about 是路由 / 的子路由，因此当您关闭路由时，您需要使用类似 </Route> 而不是 <Route/> 的语法。

我认为您正在寻找第二种情况并错误地关闭了Route

【讨论】：

我在研究时遇到了 IndexPath，想使用它，我更新了我的代码，但仍然遇到同样的错误。