title: Why is IIS hosted angular 8 app serving strange JavaScript content?
body: <p>I have an angular 8 app, it works on my machine. But when I build it and deploy it to IIS, I get a blank page, but what’s weird is that it’s serving my JavaScript in a foreign language:</p>
  
  <p>⨯⨪⨪⼪⠠畦据楴湯洨摯汵獥 ⁻⼯眠扥慰正潂瑯瑳慲ੰ⨯⨪⨪⼪ठ⼯椠獮慴汬愠䨠</p>
  
  <p>Polyfill.bundle.js: 敷灢捡䩫潳灮嬨瀢汯晹汩獬崢第ਊ⨯⨪ ⸢⼮⸮ⸯ⼮⸮ⸯ⼮牳⽣潰祬楦汬⹳獴㨢⼊⨪⼪
  But opening the file, or downloading it in another tab shows:</p>
  
  <pre><code>webpackJsonp(["polyfills"],{
  
  /***/ "../../../../../src/polyfills.ts":
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
  </code></pre>
  
  <p>I then point the IIS application to the dist folder from IIS the site it works. But if I copy the files else where and host them I get the problem above. At one point, I copied files from dist to problem location and the file changed from html to the above. I had to copy and paste the file contents before it displayed properly in vs code. But in IIS it still served the above.</p>
  
  <p>Am I missing something really obvious? Anyone seen this before? Could it be disk issues? Some of that text translates like "soup soup".</p>
  
  <p><a href="https://i.stack.imgur.com/mCJzx.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mCJzx.jpg" alt="screenshot of what&#39;s displayed"></a></p>
  
  <p>I've run <code>ng build --base-href /client/</code> in Azure DevOps, deployed the application but it displays the same symptoms. However, when I point IIS to the manually built ng dist folder, it works. If I copy that path somewhere else, I get the above text</p>