Я пытаюсь использовать веб-компоненты внутри расширения Firefox, но всегда получаю ошибки, пытаясь добавить необходимые полифиллы, чтобы веб-компоненты работали в Firefox.
Polyfill используя
"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
Не удалось использовать библиотеку. пример кода , с которым я работал, работал над 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
У меня обычно нет проблем с этим файлом, поэтому я точно не знаю, откуда возникла проблема. Если это проблема между окном контекста и обычным окном или просто в том, как я его использую.