在启用了about:config属性的情况下,firefox中的客户元素不工作

CanIuse 说 webcomponents v1在firefox v.61中启用 about:config 性质 dom.webcomponents.customelements.enabled 和 dom.webcomponents.shadowdom.enabled 设置为真。网上的许多帖子和文章都同意这一点。

所以我有了firefox版本61.0.2和前面提到的属性集,我有一个自定义元素定义如下。这在chrome中呈现如预期,但在firefox中,没有呈现任何内容,控制台上也没有错误。

<template id="t">
   ...html content
</template>

<script>
    let template = document.currentScript.ownerDocument.querySelector('#t');

      class MyElement extends HTMLElement {

        constructor() {
          super();
          this.shadow = this.attachShadow({mode: 'open'});
          this.shadow.appendChild(template.content.cloneNode(true));
        }
      }
      customElements.define('my-element', MyElement);
</script>

如果这很重要,我尝试在一个单独的HTML文件中使用自定义元素,我已经将包含上述代码的文件导入到该文件中。

我知道有一个polyfill我可以使用,但它在我的应用程序运行的环境中不可用。我一定遗漏了一些东西,因为我在网上看到的所有东西似乎都表明,Firefox应该能够按照我定义的方式呈现元素。