3

次のようなhtmlがあります。

<head>
  <script src="../js/vendor/jquery-2.1.0.js"></script>
  <script src="../js/vendor/react.js"></script>
  <script src="../js/jsx/todo.js"></script>
</head>
<body>
  <div id="ola"></div>
  <script src="../js/popup.js"></script>
</body>

私の todo.js は、http: //facebook.github.io/react/からコンパイルされたバージョンの TODO アプリから最後の行を除いたものです。

私の最後の popup.js は次のとおりです。

$(function() {
  React.renderComponent(TodoApp, document.getElementById('ola'));
})

しかし、ページには何も表示されません! コンソールに次のエラーが表示されます。

Uncaught TypeError: Object function (props, children) {
      var instance = new Constructor();
      instance.construct.apply(instance, arguments);
      return instance;
    } has no method 'mountComponentIntoNode' react.js:10052

なぜそうなのか本当にわかりません。ウェブサイトの例から再作成しようとしました。問題がある場合は、クロム拡張機能にあります。

4

1 に答える 1