React.jsは単純なローカルのhello worldで実行されていません

私は基本的なガイドを読んでいて、npmや何もないhtmlファイルでhello worldファイルを設定しました。React.jsは単純なローカルのhello worldで実行されていません

ReactJS: "Uncaught SyntaxError: Unexpected token <"によると、スクリプトの種類をtext/jsxまたはtext/babelに設定する必要があります。どちらも "hi"を印刷したり何もしていないので、どちらの仕事もありません。

<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

この質問はなぜ控えめになったのですか？これは、文字通り半時間を費やして、私が反応を試している人がたくさんいることを確信していることです.js遭遇 – wonton

多くの掘り出し物の後に、問題の原因となっているものの高レベルがあります。

質問のコードはJSXです。transpilesは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 worldで実行されていません

答えて

関連する問題