title: Angular 6 : Refused to execute script from 'URL' because its MIME type( ) is not executable, & strict MIME type checking is enabled
body: <p>Getting following error while running .net Core Angular 6 SPA application : <br/>
  The value for MIME type is blank : <br/></p>
  
  <p><a href="https://i.stack.imgur.com/gTn13.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gTn13.png" alt="enter image description here"></a></p>
  
  <p><strong>Index.html File :</strong> </p>
  
  <pre><code>&lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;APP&lt;/title&gt;
    &lt;base href="/"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;link rel="icon" type="image/x-icon" href="favicon.ico"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;
      &lt;div id="startup-message"&gt;
        &lt;h1&gt;&lt;/h1&gt;
        &lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
      &lt;/div&gt;
    &lt;/app-root&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>Package.JSON :</strong></p>
  
  <p><a href="https://i.stack.imgur.com/eqf9j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eqf9j.png" alt="enter image description here"></a></p>
  
  <p><strong>Customer Headers added in Web.Config file :</strong>
    </p>
  
  <pre><code>&lt;customHeaders&gt;
       &lt;add name="Access-Control-Allow-Origin" value="*" /&gt;  
       &lt;add name="Access-Control-Allow-Headers" value="Content-Type" /&gt;  
       &lt;add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" /&gt;  
       &lt;add name="X-Content-Type-Options" value="nosniff" /&gt;
    &lt;/customHeaders&gt;
  </code></pre>