2017-03-24 8 views
3

多くのPolymer 2.0要素を正しく構築しました。これらは、ES6対応のブラウザで優れた性能を発揮します。それはあなたが一緒に来てネイティブ・シムを、必要とするように見える、Polymer 2.0の入手方法v1仕様で動作するES5要素はありますか?

Failed to construct 'HTMLElement': Please use the 'new' operator, this DOM object constructor cannot be called as a function. 

いくつかの研究の後:

私はES5にそれらをtranspileしようとすると、ブラウザは、これらのようなエラーの束を、スローwebcomponentsjs-ES5-ローダーが、今それに切り替えた後、私は新しいエラーを取得しています:

Class constructor DomModule cannot be invoked without 'new' 

はどのように2.0の要素がES5ブラウザに慣れるポリマーをtranspiledのですか?何か不足していますか?

+1

このソリューションをテストしましたか:http://stackoverflow.com/a/41415441/4600982、またはこの1つ:https://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjs? – Supersharp

+1

@Supersharpの2番目のリンクがうまくいった!ありがとうございます – joncarlson

+0

http://stackoverflow.com/q/42845582/4600982の可能な複製です – Supersharp

答えて

0

カスタム要素V1仕様を使用するには、クラスを使用する必要があります。しかし、ES5ブラウザはクラスをサポートしていません。したがって、クラスを使用しているようにES5ブラウザを動作させるアダプタがあります。

参照:詳細はhttps://github.com/webcomponents/webcomponentsjs#custom-elements-es5-adapterjsを参照してください。

カスタムエレメントを定義する前に、アダプタをES5ブラウザに含める必要があります。これは、ネイティブコンポーネントだけでなく、ポリマー2+コンポーネントにも適用されます。

関連する問題