title: Deployment Angular Project error type MIME (text/html)
body: <p>I try to deploy an Angular/CLI 6.12.0 project.</p>
  
  <p>When I put "dist" folder content on a server, there is a console error 
  "type MIME".</p>
  
  <pre class="lang-html prettyprint-override"><code>Le chargement du module à l’adresse « http://www.sylvainallain.fr/polyfills-es2015.fd917e7c3ed57f282ee5.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
  Le chargement du module à l’adresse « http://www.sylvainallain.fr/main-es2015.2fcd6517edb1de962f8a.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
  Le chargement du module à l’adresse « http://www.sylvainallain.fr/runtime-es2015.24b02acc1f369d9b9f37.js » a été bloqué en raison d’un type MIME interdit (« text/html »).
  </code></pre>
  
  <p><a href="https://imgur.com/fQKnWAg.jpg" rel="nofollow noreferrer">https://imgur.com/fQKnWAg.jpg</a></p>
  
  <p>This in French for me ^^.
  You can see it in console here <a href="http://biblio.sylvainallain.fr" rel="nofollow noreferrer">http://biblio.sylvainallain.fr</a></p>
  
  <p>It's a simply application like a library.
  Back-end (logs and data) is manage with Firebase.</p>
  
  <p>In local, all is OK.</p>
  
  <p>I make the build with "ng build --prod", it create a "dist" folder.</p>
  
  <p>My index.html after prod:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Bibliothèque Angular&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;link rel="stylesheet" href="styles.735ba4029395bfd97371.css"&gt;&lt;/head&gt;
  &lt;body&gt;
    &lt;app-root&gt;&lt;/app-root&gt;
      &lt;script src="polyfills-es5.f9fad3ad3c84e6dbdd72.js" nomodule defer&gt;&lt;/script&gt;
      &lt;script src="polyfills-es2015.fd917e7c3ed57f282ee5.js" type="module"&gt;&lt;/script&gt;
      &lt;script src="runtime-es2015.24b02acc1f369d9b9f37.js" type="module"&gt;&lt;/script&gt;
      &lt;script src="main-es2015.2fcd6517edb1de962f8a.js" type="module"&gt;&lt;/script&gt;
      &lt;script src="runtime-es5.24b02acc1f369d9b9f37.js" nomodule defer&gt;&lt;/script&gt;
      &lt;script src="main-es5.2fcd6517edb1de962f8a.js" nomodule defer&gt;&lt;/script&gt;&lt;/body&gt;
  &lt;/html&gt;
  
  </code></pre>
  
  <p>I find this GitHub post: <a href="https://github.com/angular/angular-cli/issues/10325" rel="nofollow noreferrer">https://github.com/angular/angular-cli/issues/10325</a>
  .This is the same issue, I try some solutions but nothing work.</p>
  
  <p>The issue is only with <code>es2015.*.js</code> files. So I think there is an issue with <code>type="module"</code> which is not recognize like a Javascript file.
  I don't understand why Angular don't manage it.</p>
  
  <p><strong>Edit</strong> 25 October : </p>
  
  <ul>
  <li><p>try to replace <code>type="module"</code> with <code>type="application/javascript"</code>. Don't work. <a href="https://stackoverflow.com/questions/56606789/angular-8-ng-build-throwing-mime-error-with-cordova?rq=1">Source</a></p></li>
  <li><p>try to update Angular/CLI &amp; Angular/core with <code>ng update @angular/cli @angular/core --allow-dirty</code> and <code>ng build --prod</code> again. Don't work</p></li>
  <li><p>try to host it with Firebase. Same issue: <a href="https://bibliang.firebaseapp.com/" rel="nofollow noreferrer">https://bibliang.firebaseapp.com/</a></p></li>
  </ul>
  
  <p>Thanks for help ! :)</p>