Polymer 聚合物元素已为纸张按钮注册错误
我对Polymer还不熟悉,我正在尝试在我的页面上添加一个Polymer 聚合物元素已为纸张按钮注册错误,polymer,polymer-1.0,polymer-starter-kit,Polymer,Polymer 1.0,Polymer Starter Kit,我对Polymer还不熟悉,我正在尝试在我的页面上添加一个。该项目基于聚合物起动器套件。当我尝试使用元素时,我在控制台中收到一个错误,表明该名称已注册。我不知道它为什么这么说。我只使用了paper button.html引用一次。错误是: 下面是生成该错误的代码 <link rel="import" href="../bower_components/polymer/polymer.html"> <link rel="import" href="/src/bower_compo
。该项目基于聚合物起动器套件。当我尝试使用
元素时,我在控制台中收到一个错误,表明该名称已注册。我不知道它为什么这么说。我只使用了paper button.html
引用一次。错误是:
下面是生成该错误的代码
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="/src/bower_components/paper-button/paper-button.html">
<link rel="import" href="shared-styles.html">
<dom-module id="my-view1">
<template>
<style include="shared-styles">
:host {
display: block;
padding: 10px;
}
h1 {
text-align: center;
}
</style>
<div class="card">
<!-- <div class="circle">1</div> -->
<h1>Gas vs. Electric Car Calculator</h1>
<paper-button>$20,000</paper-button>
</div>
</template>
<script>
Polymer({
is: 'my-view1',
});
</script>
</dom-module>
:主持人{
显示:块;
填充:10px;
}
h1{
文本对齐:居中;
}
汽油与电动汽车计算器
$20,000
聚合物({
是:‘我的视图1’,
});
下面是指向GitHub存储库的链接,代码如下:。要测试代码,您可以下载并运行:npm安装
和bower安装
您的HTML指向一个不存在的路径:
<link rel="import" href="../src/bower_components/paper-button/paper-button.html">
此外,您的计算机缺少对纸张按钮的依赖项。您可以添加以下内容:
bower install --save PolymerElements/paper-button
正如在聊天中发现的,您使用的是Chrome41,它已经很旧了。我不确定这个版本的Chrome有什么兼容性。我建议升级
我在Chrome 55 macOS Sierra中确认了我的建议的有效性(如页面上正确呈现的
)。您的HTML指向一个不存在的路径:
<link rel="import" href="../src/bower_components/paper-button/paper-button.html">
此外,您的计算机缺少对纸张按钮的依赖项。您可以添加以下内容:
bower install --save PolymerElements/paper-button
正如在聊天中发现的,您使用的是Chrome41,它已经很旧了。我不确定这个版本的Chrome有什么兼容性。我建议升级
我在Chrome 55 macOS Sierra中确认了我的建议(如页面上的
正确呈现)