title: React Browser Error (MIME Type not Executable)
body: <p>I am following a basic tutorial for a react app and was hit with this error in the browser. </p>
  
  <p><strong>"Refused to execute script from 
  '<a href="http://localhost:8080/bundle.js" rel="nofollow noreferrer">http://localhost:8080/bundle.js</a>' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled."</strong></p>
  
  <p>I cannot find any support online for this error and would like to understand what the problem is. I have spent about 2 hours trying to debug. One forum mentioned it was in-browser cookies but this was not the problem. I believe it may be something to do with my index.html file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
    &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;ReactJS Sample Project&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="root"&gt;&lt;/div&gt;
      &lt;script type="text/javascript" src="bundle.js"&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Let me know if you have any ideas! I am relatively new to coding and it is frustrating hitting a dead end so early in a project.</p>