Javascript 如何解决在firefox中使用ViewEncapsulation.Native加载角度组件的问题

我在使用

ViewEncapsulation.Native

在

firefox

和

edge

和

ipad chrome

加载角度组件时遇到问题，mac上的

safari

，

windows上的chrome

，

android上的chrome

错误：hostEl.createShadowRoot不是函数

这是stackblitz复制的问题

基于stackoverflow和github中的其他问题和答案，我已经将

webcomponentsjs

包含在项目中，并将javascript包含在

polyfill.ts

npm install @webcomponents/webcomponentsjs

并添加如下所示

polyfill.ts

import '@webcomponents/webcomponentsjs/bundles/webcomponents-sd-ce';

---

但我还是得到了同样的错误

多亏了@manklu，他回答如下，效果非常好

Native是必须在Firefox中激活的ShadowDOM v0（不推荐作为标准）。您的polyfill实现了shadowdomv1，因此不是正确的

如果您使用ViewEncapsulation.ShadowDom，它将在Firefox中工作，而不使用polyfill

---

这些浏览器不支持该功能，因此polyfill似乎无法解决此问题。@Krim似乎认为polyfill可以解决此问题