Angular2 Exception: TypeError el.createShadowRoot is not a function (Safari/Edge)

Question

I have an angular2 app that works great in Chrome and Firefox, but in Safari I get this error:

TypeError el.createShadowRoot is not a function

Answer 1

createShadowRoot() should only be called if you use ViewEncapsulation.Native.

Either use ViewEncapsulation.Emulated or ensure polyfills are loaded (I can't guide you how, because I don't use the TS toolchain, only Dart)