React Error: Zielcontainer ist kein DOM-Element

Question

Oct 17, 2014, 03:03 AM

React Error: Zielcontainer ist kein DOM-Element

Ich habe gerade angefangen, React zu verwenden. Das ist wahrscheinlich ein sehr einfacher Fehler, aber jetzt geht es los. Mein HTML-Code ist sehr einfach:

<!-- base.html -->
<html>
  <head>
    <title>Note Cards</title>
    <script src="http://fb.me/react-0.11.2.js"></script>
<!--     <script src="http://fb.me/JSXTransformer-0.11.2.js"></script> -->
    <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
    {% load staticfiles %}
    <link rel="stylesheet" type="text/css" href="{% static "css/style.css" %}">
    <script src="{% static "build/react.js" %}"></script>
  </head>
  <body>
    <h1 id="content">Note Cards</h1>
    <div class="gotcha"></div>
  </body>
</html>

Bitte beachten Sie, dass ich hier die statischen Ladedateien von Django verwende. Mein Javascript ist etwas komplexer, daher werde ich nicht alles hier posten, es sei denn, jemand fragt danach, aber die Zeile mit dem Fehler lautet wie folgt:

React.renderComponent(
  CardBox({url: "/cards/?format=json", pollInterval: 2000}),
  document.getElementById("content")
);

Nachdem ich den "Zielcontainer ist kein DOM-Elementfehler" erhalte, scheint es, dass document.getElementById ("content") mit ziemlicher Sicherheit ein DOM-Element ist.

Ich sahDie Stackoverflow Beitrag, aber es schien nicht in meiner Situation zu helfen.

Hat jemand eine Idee, warum ich diesen Fehler bekommen würde?