Erste Schritte mit dem Polymer, Elemente nicht richtig angezeigt

Question

Ich bin nur mit Web-Entwicklung beginnen, und ich versuche, einige Polymerelemente zu verwenden (in Plunker!):

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

Ich bin ein bisschen Hälfte der Verwaltung des Imports. Die Elemente werden angezeigt (in gewisser Weise). Das Papierelement funktioniert gut, abgesehen von den Rändern. Die Taste ist gut, die Papiereingabe fällt komplett aus, ebenso die Tabs. Der Text/Formatierung ist Standard. Diktiert Polymer die Schriftart usw. oder wird sie separat mit CSS verwaltet?

Ich glaube, ich füge das Thema nicht korrekt an. Kann jemand auf die Fehler hinweisen?

---

Edit: Dank Neil John Ramal, habe ich die Grundlagen bekam ohne Fehler arbeiten:

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

Ich kann einfach nicht die Elemente scheinen, um zu importieren, verwenden Polygit, nur Rawgit.

Dieses hier:

funktioniert gut. Jedoch erzeugt dies einen Fehler:

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.

Vermutlich weil Plunker nicht erlaubt Umleitungen und das ist, wie polygit funktioniert. Wie es mit polymer.html funktioniert Ich bin mir nicht sicher ...

Answer 1

Sie vermischen Ihre Importe. Sie müssen sicherstellen, dass Sie Ihre Komponenten aus einer einzigen Quelle importieren, damit keine Konflikte zwischen Variablen und Namen auftreten. In Ihrem Beispiel importieren Sie beides aus Ihrem eigenen Repository und Polygit.

Evidence ist auf die Fehlerprotokolle:

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. 

Das bedeutet nur, dass Sie polymer.html mehr als einmal importiert haben und aus verschiedenen Quellen. HTML importiert nur Deduplizierungen, wenn sie aus derselben Quelle stammen.

Auch zu Ihrer index.html:

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

Sollte sein:

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