まず、ステップ、要素が正しく表示されない

Question

私はウェブ開発を始めている、と私はいくつかのポリマー要素を使用しようとしている（Plunkerに！）：

http://embed.plnkr.co/o4OKkE/

私は親切です輸入の半分を管理しています。要素が表示されます（何らかの方法で）。紙の要素は余白を除いてうまく機能します。ボタンは良好で、用紙入力は完全に失敗し、タブと同じです。テキスト/書式はすべてデフォルトです。ポリマーはフォントなどを指示するのですか、それともCSSを使って別に管理していますか？

テーマを正しく添付していないと思います。誰もがエラーを指摘できますか？

---

編集：ニール・ジョンRamalにおかげで、私はエラーなしで働い基礎持っている：

http://run.plnkr.co/AD3ETQOsMwajnSBt/

を私は使用してインポートする要素を取得するように見えることはできませんポリゴン、rawgitだけ。

ここでこの：

が正常に動作します。しかし、これによりエラーが発生します：

Redirect at origin ' http://polygit.org ' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://run.plnkr.co ' is therefore not allowed access.

おそらく、Plunkerはリダイレクトを許可しておらず、そのためにポリゴンが動作するからです。それがpolymer.htmlでどのように機能するのか分かりません...

Answer 1

インポートを混在させています。変数/名前の衝突が発生しないように、単一のソースからコンポーネントをインポートしていることを確認する必要があります。あなたの例では、自分のリポジトリとポリゴンの両方からインポートしています。

証拠は、エラーログに次のとおりです。

VM199 polymer-micro.html:363 Uncaught NotSupportedError: Failed to execute 'registerElement' on 'Document': Registration failed for type 'dom-module'. A type with that name is already registered. 

これはちょうどあなたが一度、異なるソースからのより多くのpolymer.htmlを輸入していることを意味します。 HTMLソースは、同じソースからのものであれば、重複除外のみをインポートします。あなたのindex.htmlでも

：

<script data-require="polymer@*" data-semver="1.0.0" src="http://polygit.org/components/polymer/polymer.html"></script> 

は次のようになります。

<link rel="import" src="//polygit.org/components/polymer/polymer.html">