title: Cannot render the react component
body: <p><a href="https://www.youtube.com/watch?v=NyZzRSTZQ2Y" rel="nofollow noreferrer">https://www.youtube.com/watch?v=NyZzRSTZQ2Y</a>
  I follow this video to open an HTML file and JS file in VSC. but I can't render the js file on the web.The hi I am tom hi is not appear on the web.</p>
  <p>index.html</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;
  &lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge&quot;&gt;
  &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;
  &lt;script crossorigin src=&quot;https://unpkg.com/react@17/umd/react.development.js&quot;&gt;&lt;/script&gt;
  &lt;script crossorigin src=&quot;https://unpkg.com/react-dom@17/umd/react-dom.development.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://unpkg.com/@babel/standalone/babel.min.js&quot;&gt;&lt;/script&gt;
  &lt;title&gt;Random Quote Machine&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id=&quot;app&quot;&gt;&lt;/div&gt;
  
  &lt;script type=&quot;text/babel&quot; src=&quot;./index.js&quot;&gt; &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>index.js</p>
  <pre><code>function App(){
  return(
  &lt;div&gt; hi I am tom hi &lt;/div&gt;
  );
  }
  
  
  ReactDom.render(&lt;App/&gt;,document.getElementById(&quot;app&quot;))
  </code></pre>