React.js沒有在簡單的本地hello世界中執行

所以我一直在閱讀基本指南，並設置了一個沒有npm或任何東西的hello世界文件，只是一個html文件。React.js沒有在簡單的本地hello世界中執行

根據ReactJS: "Uncaught SyntaxError: Unexpected token <"我應該將腳本類型設置爲text/jsx或text/babel。既不是工作，既不打印「嗨」或做任何事情。

<html> 
    <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
    <div id="root"> 
    </div> 
    <script type="text/jsx"> 
    ReactDOM.render(
    <h1>Hello, world!</h1>, 
    document.getElementById('root') 
    ); 
    console.log("hi");</script> 
</html>

這是怎麼回事，我該如何去執行它？

來源

2017-01-11 wonton

爲什麼這個問題downvoted？這是我從字面上花了半個小時搞清楚，我敢肯定很多人嘗試react.js遇到 – wonton

經過大量的挖掘，這裏是導致問題的高層次。

問題中的代碼是在JSX中，其中使用名爲Babel的編譯器將其轉換爲javascript。誤解是這個轉譯器沒有內置到網頁瀏覽器中。你可以做的不過是在頂部進口巴貝爾與

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

並確保腳本類型設置爲text/babel，它應該工作。

來源

2017-01-11 23:24:26 wonton

謝謝你的答案。 –

React.js沒有在簡單的本地hello世界中執行

回答

相關問題