0
私は、上記のプログラムが正常に動作しますReactDomが定義されていませんか？
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script>
<script src="https://unpkg.com/[email protected]/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">
ReactDOM.render(
<h1>Hello, world!</h1>,
document.getElementById('example')
);
</script>
</body>
</html>
reactjsで基本的なプログラムを記述しようとしています。しかし、スクリプトファイル内のコンテンツを別のapp.jsxファイルに移動すると、reactDomが定義されていないというエラーが表示されます。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.3.2/react-dom.min.js"></script>
<script src="https://unpkg.com/[email protected]/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel" src="app.jsx">
</script>
</body>
</html>
と私のapp.jsxのようになります。
ReactDom.render(
<h1>Hello React!!!</h1>,
document.getElementById('example')
)
は＃37 –
エラーに反応（ '.min'を除く）非縮小さJSバンドルを使用してみてくださいURLからより有益なメッセージが表示されます。 – joews
.minを削除してうまくいきました。では、minファイルに何らかのエラーがありますか？ –