1. ホーム
  2. javascript

[解決済み】 不変量違反。_registerComponent(...)。対象コンテナがDOM要素でない

2022-02-19 08:28:11

質問

つまらないReactのサンプルページを作った後、このエラーが発生します。

Uncaught Error: 不変量違反。_registerComponent(...): 対象コンテナは DOM 要素ではありません。

以下は私のコードです。

/** @jsx React.DOM */
'use strict';

var React = require('react');

var App = React.createClass({
  render() {
    return <h1>Yo</h1>;
  }
});

React.renderComponent(<App />, document.body);

HTMLです。

<html>
<head>
  <script src="/bundle.js"></script>
</head>
<body>
</body>
</html>

これはどういう意味ですか?

どのように解決するのですか?

スクリプトが実行されるまでに document 要素はまだ利用できません。 script

head

script

head

DOMContentLoaded

script


body

div

<html> <head> </head> <body> <div id="root"></div> <script src="/bundle.js"></script> </body> </html>

bundle.js