Javascript 未捕获不变冲突：_registerComponent（…）：目标容器不是DOM元素_Javascript_Django_Reactjs

Javascript 未捕获不变冲突：_registerComponent（…）：目标容器不是DOM元素

javascript django reactjs

Javascript 未捕获不变冲突：_registerComponent（…）：目标容器不是DOM元素,javascript,django,reactjs,Javascript,Django,Reactjs,我正在使用Django和React 我想显示此html文件： {% load staticfiles %} <html> <head> <meta charset="utf-8"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="https:

我正在使用Django和React

我想显示此html文件：

{% load staticfiles %}

<html>
  <head>
    <meta charset="utf-8">

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
     integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
      crossorigin="anonymous">
    </script>

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"
     rel="stylesheet" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7"
      crossorigin="anonymous">

    <link href="{%static "css/rankingStyle.css"%}" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Raleway" />

    <title>Some title</title>
  </head>
  <body>
    <div id="app" />
    <script src="{%static "public/bundle.js"%}" type="text/javascript"></script>
  </body>
</html>

在浏览器中，我遇到以下错误：

 bundle.js:593 Uncaught Invariant Violation: _registerComponent(...): Target container is not a DOM element.

第593行之前的区域包含以下内容：

var DOMChildrenOperations = {

  dangerouslyReplaceNodeWithMarkup: Danger.dangerouslyReplaceNodeWithMarkup,

到目前为止，我看了这里：并尝试了所有的答案

然而，它们没有起作用。我认为这个问题是由Django特定的东西引起的。

您应该在dome节点div id为app之后导入build js

例如：

请使用

ReactDOM.render（）方法调用发布该行。顺便说一句，div
不是自动关闭元素，您应该使用
。这可能是问题的原因。没有ReactDOM.render（）方法调用。我使用的是React.render（）
。这是一样的，取决于React的版本。你要和我分享吗？你试过关闭这个部门吗？是的，我试过关闭它，但我遇到了同样的问题。我已经与React.render（）共享了代码。
var DOMChildrenOperations = {

  dangerouslyReplaceNodeWithMarkup: Danger.dangerouslyReplaceNodeWithMarkup,