I have an app developed with Angular. For the past weeks I had an issue that some users would get the page load as plain text:
The end-of-life for IE11 is supposed to be in 2020 for normal windows machines. However, IE11 will live a bit longer on Windows Server machines apparently. Consequently, we have to invest some time in trying to fix this…
Initially, I thought the server was sending
text/plain encoding, but the page was sent properly.
I started then looking online for a solution and the standard answer was that the app was missing some polyfills.
Final assessment was that we can ask users to switch to a more modern browser (e.g. Firefox).
Unortunately, not all users will make the change, so I’ve decided to look a bit more. I found out that some sites (e.g. intranet) were rendered using something called compatibility view. Once you disable it, you get the angular app rendered properly!
Locate the ‘Compatibility view settings’ in Internet Explorer’s menu
Disable the compatibility view for the relevant site (intranet in my case):
Reload the page
Now, the angular app should be visible. if it’s not, then you need to dig more.
Note: Other apps may have issues rendereing if you disable compatibility view.