如何用某些纸元素示例构建聚合物应用程序

我是聚合物和纸张元素的新手。我只是制作新的空白聚合物应用程序，并尝试运行纸质元素的一些示例。如何用某些纸元素示例构建聚合物应用程序

我使用this创建了我的空白聚合物应用程序。然后我用凉亭添加纸张元素 - bower install --save PolymerElements/paper-elements

然后我复制粘贴此code：

<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>

所以我的整个element.html看起来是这样的：

<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>

不幸的是这个码赢没有工作。只有<h2>Hello [[prop1]]!</h2>正在工作，纸张中的元素没有。

如何解决？我试图在进口中添加“异步”，但这没有帮助。

请帮忙。

这是在控制台的一些错误：

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

来源

2017-05-03 Maciej Wójcik

它看起来像你的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" >

来源

2017-05-03 18:17:48

路径是正确的 –

然后也许您的聚合物元素的路径不正确？或者你有两个bower_components目录？ –

聚合物元素的路径是好的，我只有一个目录 –

如何用某些纸元素示例构建聚合物应用程序

回答

相关问题