App works on Chrome but not IE 11



I have a fully working app deployed to my company intranet which works on Chrome, but it doesn’t load up on IE 11 (although the favicon does). On localhost though, it does work on IE.

On the console, I see this message:

The attached page targets document mode 7. Some console APIs and features may not be available. 

Any ideas why this could be?


Starting with IE 11 Microsoft has deprecated document modes. Do you have something like the following in your app?

<meta http-equiv="X-UA-Compatible" content="IE=edge">

If so try removing it.


Hi @hwillson, no I don’t - I just inspected on the browser and don’t see any sign of this code either. I have Bootstrap 3.3.6 installed though - could that be why?


No, bootstrap shouldn’t be the issue here. Out of curiosity, what happens if you add

<meta http-equiv="X-UA-Compatible" content="IE=edge">

to your <head />? Do you still see the same message?


That seemed to have made no difference. But I got it working by unchecking Display intranet sites in Compatibility View:

However, how can I make it work with this checked? Since users won’t know to uncheck this.


That is a question for whoever in your company configures IE installs/deployments. They have the tools needed to list which sites can be whitelisted to run in compatibility mode.