React "Getting started"コードのコードをコピーしてレンダリングしません

React "Getting started"ホームページで提供されているコード例をそのままコピーしても、エラーのない空白の画面がレンダリングされます。React "Getting started"コードのコードをコピーしてレンダリングしません

次のコードは、ここでは同じコードです：https://codepen.io/gaearon/pen/ZpvBNJ

codepen鉱山はなぜ....何もレンダリングされませんとは異なり？

index.htmlを

<!DOCTYPE html> 
<html> 

<head> 
    <meta charset="UTF-8"> 
    <title></title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react.js"></script> 
    <script scr="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.1/react-dom.js"></script> 
    <script type="text/babel" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script> 
    <script type="text/babel" src="js/app.js"></script> 
</head> 
<!--______________________________________________________BEGIN APP--> 

<body> 
    <div id="root"> 
     <!-- This div's content will be managed by React. --> 
    </div> 
</body> 
<!--______________________________________________________END APP--> 

</html>

App.js

ReactDOM.render(
    <h1>Hello, world!</h1>, 
    document.getElementById('root') 
);

出典

2017-09-22 William

は

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="UTF-8" /> 
    <title>Hello World</title> 
    <script src="https://unpkg.com/[email protected]/dist/react.js"></script> 
    <script src="https://unpkg.com/[email protected]/dist/react-dom.js"></script> 
    <script src="https://unpkg.com/[email protected]/babel.min.js"></script> 
    </head> 
    <body> 
    <div id="root"></div> 
    <script type="text/babel"> 

     ReactDOM.render(
     <h1>Hello, world!</h1>, 
     document.getElementById('root') 
    ); 

    </script> 
    </body> 
</html>

出典

2017-09-22 12:12:27

このHTMLページを使用してこれが働いていた、と今ではもう動作しません。 ... wtf？ – William

ここには動作するファイル参照があります：https://jsfiddle.net/a1j38ctq/ – William

これはあなたが言及したリンクでさえもうまく動作します!! しかしそれはまだ適切な方法ではないので、このリンクを見てください[反応アプリを作成]（https://github.com/facebookincubator/create-react-app#create-react-app-） –

React "Getting started"コードのコードをコピーしてレンダリングしません

答えて

関連する問題