2017-02-17 150 views
-1

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

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 /> 
+0

删除,第三行。您在前一行关闭了此标记 – arturmoroz

+0

对不起,我复制时忽略了一行,我用更新后的代码更新了问题。 – joethemow

回答

2

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

+0

我在研究过程中遇到了IndexPath,想要使用它,我更新了代码,但仍然得到相同的错误。 – joethemow

+0

可能包含'require('../ app')'的问题,你可以使用这个需求来创建变量,就像App,About etc一样,并写入'' – arturmoroz

+0

I做了这些,没有任何改变,所以我删除了Router标签内的所有路由,并且只有Router标签,而且我仍然收到错误消息。所以我猜测节点服务器不能读这个语法?但在我的index.js中,我包括'require('babel-register')({'react','es2015'] }' – joethemow

0

我不认为你的语法是你的路由器正确

应该要么是

<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 /> 

在上述情况下的路线​​是路线/的孩子,因此当您关闭的路线,你需要有一个像</Route>而不是<Route/>语法。

我觉得是,你正在寻找的第二种情况,并关闭了Route正确

+0

我在研究过程中遇到了IndexPath并想使用它,我更新了我的代码,但我仍然得到相同的错误。 – joethemow

相关问题