Firefox扩展中的Web组件

Question

我正在尝试在Firefox扩展中使用Web组件，但在尝试添加所需的polyfill以使Web组件在Firefox上正常工作时，我总是会出错。

使用

填充

"webcomponents/webcomponentsjs": "^2.0.3"

首次尝试-webcomponents-sd-ce.js

 "content_scripts": [
{
  "matches":["<all_urls>"],
  "js": ["bundles/webcomponents-sd-ce.js", "contentScript.js"],
  "run_at": "document_end"
}

我得到的错误是

TypeError：“ importNode”是只读的webcomponents-sd-ce.js：100：457

使用库失败。我正在使用的example code在chrome上工作。 Chrome需要此polyfill，因为在上下文脚本窗口中没有'customElements'属性。通常是用户窗口属性列表上的默认设置。

第二次尝试-webcomponents-bundle.js

  "content_scripts": [
{
  "matches":["<all_urls>"],
  "js": ["webcomponents-bundle.js", "contentScript.js"],
  "run_at": "document_end"
}

我得到的错误是

TypeError：“ importNode”是只读的webcomponents-bundle.js：169：460

这些文件通常没有问题，所以我不确切知道问题的根源。如果它是上下文窗口和普通窗口之间的问题，或者仅仅是我使用它的方式。