Polymer 未捕获不支持错误:无法执行';注册表项';在';文件';:类型';的注册失败;纸张按钮';
我用的是聚合物1.2.1 我正在尝试创建两个聚合物元素纸按钮和纸输入 我在头脑中输入了以下内容Polymer 未捕获不支持错误:无法执行';注册表项';在';文件';:类型';的注册失败;纸张按钮';,polymer,web-component,Polymer,Web Component,我用的是聚合物1.2.1 我正在尝试创建两个聚合物元素纸按钮和纸输入 我在头脑中输入了以下内容 <script src="third-party/js/bower/webcomponentsjs/webcomponents-lite.min.js"></script> <link rel="import" href="third-party/html/bower/polymer/polymer.html"> <link rel=
<script src="third-party/js/bower/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="third-party/html/bower/polymer/polymer.html">
<link rel="import" href="third-party/html/bower/paper-button/paper-button.html">
<link rel="import" href="third-party/html/bower/paper-input/paper-input.html">
并在正文中添加了以下内容
<paper-button>Flat button</paper-button>
<paper-button raised>Raised button</paper-button>
<paper-button noink>No ripple effect</paper-button>
<paper-button toggles>Toggle-able button</paper-button>
<paper-input label="total">
<div prefix>$</div>
<paper-icon-button suffix icon="clear"></paper-icon-button>
</paper-input>
<script>
Polymer({
is: "paper-button",
// add a callback to the element's prototype
created: function() {
console.log("inside pol1");
this.textContent = "I'm a proto-element!"
}
});
Polymer({
is: "paper-input",
// add a callback to the element's prototype
created: function() {
console.log("inside pol2");
this.textContent = "I'm a proto-elemente2!"
}
});
</script>
平面按钮
凸起按钮
没有连锁反应
可切换按钮
$
聚合物({
是:“纸张按钮”,
//向元素的原型添加回调
已创建:函数(){
控制台日志(“内部pol1”);
this.textContent=“我是原始元素!”
}
});
聚合物({
是:“纸张输入”,
//向元素的原型添加回调
已创建:函数(){
控制台日志(“内部pol2”);
this.textContent=“我是原始元素2!”
}
});
我期望在一些控制台中相应元素的文本发生变化,但这些都没有发生。我听到一个错误说
未捕获的NotSupportedError:未能对“文档”执行“registerElement”:注册类型“paper button”失败。已注册具有该名称的类型
我不太确定你想要实现什么,但你的问题的答案是: 您的
纸张输入
和纸张按钮
已经通过
部分中的
标记注册到Polymer中,因此当您尝试使用Polymer({is:“纸张按钮”…})
重新注册它们时,很自然地,它会失败
我也不建议重写打包元素的created()
回调-如果您想执行自己的自定义任务,请创建一个新的自定义元素来包装目标元素,然后调用新元素