title: Static Web Apps shows "Refused to apply style from <URL> because its MIME type ('text/html') is not a supported stylesheet MIME type"
body: <p>I deployed to Azure Static Web Apps the default app that comes whenever you create a new Blazor WebAssembly app via <code>dotnet new blazorwasm</code>. At first it works properly but when I added webpack to build my SASS file, it showed me this error once it gets deployed to Azure SWA that says:
  <code>Refused to apply style from &lt;URL&gt; because its MIME type ('text/html') is not a supported stylesheet MIME type</code> on the Blazor generated CSS file and the <code>_framework/blazor.webassembly.js</code> file; which is interesting given that those files are supposed to be the default files Blazor generates.</p>
  <p><a href="https://i.stack.imgur.com/V31WG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V31WG.png" alt="Error #1" /></a></p>
  <p>Also the MIME type as viewed on the dev tools shows incorrectly for these two files, but they used to have correct MIME types before I added webpack.</p>
  <p><a href="https://i.stack.imgur.com/cKOpM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cKOpM.png" alt="Generated CSS shows incorrect MIME type for the CSS" /></a>
  <a href="https://i.stack.imgur.com/HfEmw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HfEmw.png" alt="Generated Blazor WASM files show incorrect MIME type" /></a></p>
  <p>The webpack-generated CSS file is successfully created and can be viewed on the browser. Also I tested the <code>dotnet publish</code> version of the app using the SWA cli/emulator and I didn't encounter the error.</p>