【发布时间】：2017-05-04 02:37:05
【问题描述】：
我是 Polymer 和 Paper-Elements 的新手。我只是制作了新的空白聚合物应用程序，并尝试从纸张元素中运行一些示例。
我使用this 创建了我的空白聚合物应用程序。
然后我使用 bower 添加了纸元素 - 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> 有效，纸上的元素无效。
如何解决？ 我尝试在导入中添加“异步”，但这没有帮助。
请帮忙。
这是控制台中的一些错误：
未捕获的 DOMException：无法在“CustomElementRegistry”上执行“定义”：此名称已用于此注册表
未捕获的类型错误：无法读取未定义的属性“nativeMethods”
【问题讨论】：
标签： javascript polymer paper-elements