2017-02-17 143 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

相關問題