HTML WebコンポーネントをインポートしてFirefoxで動作しないpolyfillが

サンプルアプリケーションでWebコンポーネントを試しています。いくつかのブラウザには仕様の一部が含まれていないので、私はそれらのためにpolyfillを使ってみました。 Mozilla Firefoxでは、キーdom.webcomponents.enabledを有効にし、いくつかのポリフィル（ブラウザにはない）を追加してみました。私はwebcomponents.js polyfillからHTML Import polyfillを使用しました。HTML WebコンポーネントをインポートしてFirefoxで動作しないpolyfillが

まだHTMLImportはFirefox、Internet Explorer（polyfillを使用していても）で動作していません。（https://github.com/webcomponents/webcomponentsjs）

また、Internet ExplorerやFirefoxで動作しないcustomElements v1 polyfillも試しました。（https://github.com/webcomponents/custom-elements）

誰かがHTMLEports polyFillにcustomElements V1 polyfillを含めることに成功しましたか？

出典

2017-01-19 Subramanian Vignesh

のFirefox、カスタム要素V1 HTMLの輸入で、使用するには、次の実装は時代遅れであるとして

がは、Firefoxフラグをアクティブにしないでください。
インストールwebcomponentsjs（例：bower）。メインファイルにはhtmlimports.min.jsファイルのみが含まれています。
カスタム要素（あなたのリンクから）をインストールし、メインファイルcustom-elements.min.jsに含めます。

あなたは、メインページには、次のようになります。

<head> 
    <script src="htmlimports.min.js"></script> 
    <script src="custom-elements.min.js"></script> 
    <link rel="import" href="your-components.html"> 
</head> 
<body> 
    <your-component></your-component>

NB：ステップ3のために、あなたもdocument-register-elementを使用することができます。

あなたはclassが実装されていないため、直接Internet Explorerでカスタム要素V1 class構文を使用することはできません。 Babelのようなトランスパイラーでソースコードを変換する必要があります。

また、現代版（Edge）を使用するか、prototype構文を使用してください。

出典

2017-01-19 10:45:14 Supersharp

ありがとうございました。それはうまくいった。 :) –

あなたは大歓迎です！ – Supersharp

HTML WebコンポーネントをインポートしてFirefoxで動作しないpolyfillが

答えて

関連する問題