Question

我正在尝试在我的服务器上渲染我的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 />

Answer 1

＆＃13;

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

＆＃13;

Answer 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/>的语法。< / p>

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

我的语法是正确的，但我仍然得到错误

2 个答案: