React, can't get past no method 'mountComponentIntoNode'

StackOverflow https://stackoverflow.com/questions/21948048

  •  14-10-2022
  •  | 
  •  

Question

I have a html that looks like this:

<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>

My todo.js is the compiled version TODO app from http://facebook.github.io/react/ minus the last line.

My last popup.js is:

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

But the page shows nothing! The console shows an error:

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

I really don't know why is that, I've just tried to recreate from the example in the website. If it matters, it is in a chrome extension.

Was it helpful?

Solution

Ahhh got one line wrong on render!

popup.js should be: 

React.renderComponent(TodoApp(), document.getElementById('ola'));
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top