2016-11-15 34 views
-1

我的代碼是在行<div>Hello World!</div>陣營JS應用程序 - 未捕獲的SyntaxError:意外的標記<

拋出語法錯誤這是我的代碼

<!DOCTYPE html> 
<html> 
<head> 
    <script src="libs/react.min.js"></script> 
    <script src="libs/react-dom.min.js"></script> 
</head> 
<body> 
    <div id="main"> 

    </div> 

<script> 
    var MessageComponent = React.createClass({ 
     render: function() { 
      return (

       <div>Hello World!</div> 
      ); 
     } 
    }); 

    ReactDOM.render(
     <MessageComponent message="Lorem" />, 
     document.body 
    ); 
</script>  
</body> 
</html> 

可能是什麼問題?

回答

2

您正在使用JSX語法糖來構建您的UI組件,而瀏覽器不理解這一點。

你必須在它能夠正常工作之前先把它傳遞給JS。

+0

我該如何解決? – phpsessionid

0

我在頁面

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.min.js"></script> 

添加巴貝爾並添加type="text/babel"到腳本標籤。修復了問題

相關問題