Javascript React，Web包开发服务器-错误：_registerComponent（…）：目标容器不是DOM元素_Javascript_Reactjs_Webpack_Jsx

Javascript React，Web包开发服务器-错误：_registerComponent（…）：目标容器不是DOM元素

javascript reactjs webpack

Javascript React，Web包开发服务器-错误：_registerComponent（…）：目标容器不是DOM元素,javascript,reactjs,webpack,jsx,Javascript,Reactjs,Webpack,Jsx,我正在使用WebpackDev服务器开发一个更大的项目，到目前为止，除了与React开发者工具的连接之外，其他一切都正常工作在过去的几天里，我读了很多关于这个问题的文章，发现WebpackDev服务器使用了一个iframe，而React开发者工具（目前）不支持它由于我无法使用webpack dev服务器和React Developer工具，所以我尝试直接运行index.html。index.html现在抛出以下错误：错误：_registerComponent（…）：目标容器不是DOM元素。

我正在使用WebpackDev服务器开发一个更大的项目，到目前为止，除了与React开发者工具的连接之外，其他一切都正常工作

在过去的几天里，我读了很多关于这个问题的文章，发现WebpackDev服务器使用了一个iframe，而React开发者工具（目前）不支持它

由于我无法使用webpack dev服务器和React Developer工具，所以我尝试直接运行index.html。index.html现在抛出以下错误：

错误：_registerComponent（…）：目标容器不是DOM元素。 bundle.js:1115:16

index.html

<!doctype html>
<html>

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>MetVis</title>
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
    <div id="container"></div>
    <script src="bundle.js"></script>
</body>


梅特维斯

App.jsx

const router = (
    <Router history={hashHistory}>
        <Route path="/" component={App}>
            <IndexRoute component={Main} />
            <Route path="/index" component={Index} />
            <Route path="/location" component={Main} />
            <Route path="/comparison" component={Comparison} />
            <Route path="/sensors" component={Sensors} />
            <Route path="/about" component={About} />
        </Route>
    </Router>
);


ReactDOM.render(router , document.getElementById('container'));

const路由器=(
);
render（router，document.getElementById（'container'）；