いくつかの紙の要素の例でポリマーアプリを構築する方法

Question

私はポリマーと紙の要素で初心者です。私はちょうど新しいブランクポリマーアプリケーションを作成し、紙の要素からいくつかの例を実行しようとします。

thisを使用して空のポリマーアプリを作成しました。

<link rel="import" href="../../bower_components/polymer/polymer-element.html"> 
<link rel="import" href="/bower_components/paper-button/paper-button.html" > 
<link rel="import" href="/bower_components/paper-input/paper-input.html" >  
<link rel="import" href="/bower_components/iron-icons/iron-icons.html" > 

<dom-module id="allegro-combo-box"> 
    <template> 
    <style> 
     :host { 
     display: block; 
     } 
     paper-input { 
      max-width: 400px; 
      margin: auto; 
     } 
     iron-icon, div[suffix] { 
      color: hsl(0, 0%, 50%); 
      margin-right: 12px; 
     } 
    </style> 
    <h2>Hello [[prop1]]!</h2> 

     <paper-input always-float-label label="Floating label"></paper-input> 
     <paper-input label="username"> 
      <iron-icon icon="mail" prefix></iron-icon> 
      <div suffix>@email.com</div> 
     </paper-input> 

    </template> 

    <script> 
    /** @polymerElement */ 
    class Mextends Polymer.Element { 
     static get is() { return 'my-element'; } 
     static get properties() { 
     return { 
      prop1: { 
      type: String, 
      value: 'my-element' 
      } 
     }; 
     } 
    } 

    window.customElements.define(MyElement.is, MyElement); 
    </script> 
</dom-module> 

残念ながら、このコードウォン：だから私の全体element.htmlはこのようになります

<paper-input always-float-label label="Floating label"></paper-input> 
<paper-input label="username"> 
    <iron-icon icon="mail" prefix></iron-icon> 
    <div suffix>@email.com</div> 
</paper-input> 

：その後、私はこのcodeをコピー＆ペーストbower install --save PolymerElements/paper-elements

- は、その後、私は亭を使用して紙の要素を追加しました仕事はありません。 <h2>Hello [[prop1]]!</h2>のみが動作しており、紙の要素は動作しません。

修正方法？ インポートに「async」を追加しようとしましたが、これは役に立ちませんでした。

助けてください。

これは、コンソールでのいくつかのエラーです：

Uncaught DOMException: Failed to execute 'define' on 'CustomElementRegistry': this name has already been used with this registry

Uncaught TypeError: Cannot read property 'nativeMethods' of undefined

Answer 1

紙要素のためのあなたのimport文は正しいパスを持っていないように見えます。

<link rel="import" href="../../bower_components/paper-button/paper-button.html" > 
<link rel="import" href="../../bower_components/paper-input/paper-input.html" >  
<link rel="import" href="../../bower_components/iron-icons/iron-icons.html" >