Firefox用のPolymer Webコンポーネントを有効にしてFirefox上のPolymer Webページをナビゲートできるようにしようとしています。Webjarsを使用しているWindows上のPolymer WebコンポーネントとMozilla Firefox
私はこれらの手順を試しましたが、何も変わっていないし、Firefoxが完全に私のコンポーネントを無視しているようです。
https://www.designedbyaturtle.co.uk/2015/how-to-enable-web-components-in-firefox-shadow-dom/
私もindex.html
でwebcomponents.js
polyfillsをインポートしています。
だから、私がやったことは以下の通りです:
私はディレクトリelements
に、次のWebコンポーネントtest-firefox.html
を書いた:
<dom-module name="test-firefox">
<template>
<h2>Firefox says hi too!</h2>
</template>
<script>
Polymer({
is: 'test-firefox'
});
</script>
</dom-module>
、これが私のindex.html
ファイルです:
<!doctype html>
<html>
<head>
<link rel="import" href="webjars/polymer/1.6.1/polymer.html">
<script src="webjars/webcomponentsjs/0.7.22/webcomponents.js"></script>
<script src="webjars/webcomponentsjs/0.7.22/webcomponents-lite.min.js"></script>
<link rel="import" href="elements/test-firefox.html">
</head>
<body>
<h1>Hello Firefox!</h1>
<test-firefox></test-firefox>
</body>
</html>`
ご覧のとおり、bower_components
の代わりに、対応するwebjars
を使用しています(012の場合,webcomponents.js
,webcomponents-lite.min.js
)。私はpom.xml
にあるものの依存関係を追加しました。これらは通常インストールされています。
それでは、私はそれが起こる気づいたことは、非常に奇妙です:Google Chromeの
- 、すべてが完璧に正常に動作します。
- LinuxのMozilla Firefoxの場合も同様です。
- Win10上のMozilla Firefoxの場合、Webコンポーネントはレンダリングされません。ブラウザが完全に無視するようなものです。
ありがとうございます。私はもう少し情報を与えるために上記の質問を書き直しました。私が以前に言及しなかったことは重要です。私がwebjarsを使用していることです。それに関する経験やアイディアがあれば、読んでいただければ幸いです。 – luthien
申し訳ありませんwebjarsでの経験はありません。 あなたのコードは大丈夫ですが、 'webcomponents-lite.min.js'だけを使用していて、その記事のwebcomponentsの内部firefoxフラグを削除してください。コード内で何かが壊れている可能性があります。 ブラウザのコンソールを表示してください。誤ったインポートパスや404がないかどうか確認してください。 – Ergo