流星与反应意外的令牌

Question

我不断收到一个阻止应用程序启动的错误。我一直盯着这看，似乎无法找到问题。我确信这是一个非常愚蠢的错误，我会看看答案和笑声。

我得到这个错误：

While processing files with jsx (for target web.browser): 
    client/components/App/App.jsx:30:4: client/components/App/App.jsx: 
    Unexpected token (30:4) 

这里是我的App.jsx文件：

App = React.createClass({ 
    mixins: [ReactMeteorData], 
    getMeteorData() { 
    return { 
     loggedIn: !!Meteor.user() 
    } 
    }, 
    showLayout() { 
    return (
     <div className="row"> 
     <div className="col-md-3"> 
      {this.props.nav} 
     </div> 

     <div className="col-md-9"> 
      {this.props.content} 
     </div> 
     </div> 
    ) 
    }, 
    showLogin() { 
    return (
     <div className="row"> 
     <div className="col-md-12 text-center"> 
      <p>You must be logged in to do that.</p> 
     </div> 
    ) 
    }, 
    render() { 
    return (
     <div className="container wrapper"> 
     <div className="row"> 
      { this.allowedLayout() ? this.showLayout() : this.showLogin() } 
     </div> 
     </div> 
    ) 
    } 
}); 

Answer 1

你忘了关在这里的div：

<div className="row"> 
    <div className="col-md-12 text-center"> 
    <p>You must be logged in to do that.</p> 
    </div> 

应该是：

<div className="row"> 
    <div className="col-md-12 text-center"> 
     <p>You must be logged in to do that.</p> 
    </div> 
</div>