目标容器不是DOM元素

时间:2017-07-20 12:51:05

标签: javascript html reactjs

我的index.html有' app'作为div元素。当我尝试渲染到这个div时,我得到错误,说目标容器不是DOM元素。我甚至把它放在身体的底部。 我的HTML文件

<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8"
   <title>React App</title>
</head>

<body>
<div id="app">

</div>
   <script src="index.js"> </script>
</body>

App.jsx文件

import React from 'react';

class App extends React.Component{
    render(){
        return(
          <div>
              Hello World!!
          </div>
       );
    }
  }
export default App;

index.js文件

 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.jsx';

 ReactDOM.render(<App />,document.getElementById('app'));

当我运行上面的代码时,我收到错误,说Target容器不是DOM元素

0 个答案:

没有答案