2016-09-13 4 views
4

私は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. 
+0

カスタム要素のためのES5の考慮事項:https://github.com/w3c/webcomponents/issues/423 –

答えて

4

はあなたがwebcomponentsからネイティブshim.jsコードを含める必要があります/ SRC /銅stomElements/vs。

+0

ねえ..古いブラウザではどうやって動作しますか?ネイティブshim.jsをES5に移植することは想定されていないようです。だから、ES6やカスタム要素をネイティブにサポートしていないiOS 8との仕組みがわからないのです。 – Prefix

関連する問題