title: ReactJS inside .NET framework project - Cannot use import statement outside a module
body: <p>I've tried to use reactJS inside .net framework MVC application.</p>
  
  <p>View:</p>
  
  <pre><code>&lt;script src="https://unpkg.com/react@16/umd/react.development.js"&gt;&lt;/script&gt;
  &lt;script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/babel-standalone/6.26.0/babel.js"&gt;&lt;/script&gt;
  
  &lt;div id="root"&gt;&lt;/div&gt;
  @Scripts.Render("~/Scripts/ReactJS/test.jsx")
  </code></pre>
  
  <p>test.jsx:</p>
  
  <pre><code>import React from 'react';
  
  import ReactDOM from 'react-dom';
  
  const App = () =&gt; &lt;div&gt;Hello world!&lt;/div&gt;;
  ReactDOM.render(&lt;App /&gt;, document.getElementById("root"));
  </code></pre>
  
  <p>Message is not shown and the error is:</p>
  
  <blockquote>
    <p>test.jsx:2 Uncaught SyntaxError: Cannot use import statement outside a
    module</p>
  </blockquote>
  
  <p>I don't understand why is this not working. I have included both react libraries and babel library.</p>