title: External script for type="text/babel" not working
body: <p>Why external script for type=&quot;text/babel&quot; not working in ReactJS ?
  I put the index.html and foo.js in the same folder. Nothing show after I open the index.html file with Google Chrome</p>
  <hr />
  <p><strong>index.html</strong></p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta charset=&quot;UTF-8&quot;/&gt;
          &lt;title&gt;ReactJS&lt;/title&gt;
          &lt;script src=&quot;https://unpkg.com/react@17/umd/react.development.js&quot;&gt;&lt;/script&gt;
          &lt;script 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;script type=&quot;text/babel&quot; src=&quot;foo.js&quot;&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
  
          &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
          
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p><strong>foo.js</strong></p>
  <pre><code>ReactDOM.render(
    &lt;h1&gt;Hello World&lt;/h1&gt;,
    document.getElementById('root')
  );
  </code></pre>