asked on

TypeError: Object doesn't support property or method 'createShadowRoot'

I am developing an application using Angular 4, i get this error in IE 11.. it works fine in chrome. how to resolve the below error in IE 11

ERROR Error: Uncaught (in promise): TypeError: Object doesn't support property or method 'createShadowRoot'
TypeError: Object doesn't support property or method 'createShadowRoot'
at ShadowDomRenderer (http://localhost:42248/dist/vendor.bundle.js:40905:9)
at DomRendererFactory2.prototype.createRenderer (http://localhost:42248/dist/vendor.bundle.js:40618:17)
at AnimationRendererFactory.prototype.createRenderer (http://localhost:42248/dist/vendor.bundle.js:101997:9)
at DebugRendererFactory2.prototype.createRenderer (http://localhost:42248/dist/vendor.bundle.js:13853:9)
at createComponentView (http://localhost:42248/dist/vendor.bundle.js:12453:9)
at callWithDebugContext (http://localhost:42248/dist/vendor.bundle.js:13821:9)
at debugCreateComponentView (http://localhost:42248/dist/vendor.bundle.js:13165:5)
at createViewNodes (http://localhost:42248/dist/vendor.bundle.js:12511:21)
at callViewAction (http://localhost:42248/dist/vendor.bundle.js:12976:13)
at execComponentViewsAction (ht

BigRat

This function has been deprecated and you'll probably need a polyfill or use another function.
See https://github.com/webcomponents/hello-world-element/issues/11 for details.

Julian Hansen

The problem is that IE does not support the native ShadowDom - Chrome does.

Have you enabled ViewEncapsulation in your component?

Can you post your component code?

This question needs an answer!

Become an EE member today

7 DAY FREE TRIAL

Members can start a 7-Day Free trial then enjoy unlimited access to the platform.

View membership options

Learn why we charge membership fees

We get it - no one likes a content blocker. Take one extra minute and find out why we block content.