私はv1 Webコンポーネントを使いこなしています。 Custom elements v1: reusable web componentsでエリックBidelmanによると、V1のWebコンポーネントを使用して定義して作成することができます。なぜv1 WebコンポーネントのcustomElements.define()がTypeErrorをスローする
class App extends HTMLElement {
attachedCallback() {
this.attachShadow({mode: 'open'});
this.shadowRoot.innterHTML = `<div>web component</div>`
}
}
と
<x-app></x-app>
しかし、クロムカナリアの最新バージョンでとV1とのコードを実行している場合Firefoxでポリフィルは、次のエラーがスローされます。あなたはES6コードをtranspile場合
Uncaught TypeError: Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function.
カスタム要素のためのES5の考慮事項:https://github.com/w3c/webcomponents/issues/423 –