PolymerElements，纸张图标按钮是特定的，没有按预期显示

我刚开始使用聚合物，我正在使用纸张图标按钮来测试。我认为我正确设置了，因为我使用的按钮有涟漪效应;当我设置src属性时，我的意图显示出来了。PolymerElements，纸张图标按钮是特定的，没有按预期显示

<!-- This works --> 
<paper-icon-button src="http://placekitten.org/g/50/50"></paper-icon-button>

不过，我没有使用默认的图标，例如：

<!-- This does not work. There is a blank icon. 
         However, ripple effect still works on click --> 
<paper-icon-button icon="menu"></paper-icon-button>

我跑在Linux服务器上的聚合物项目。演示也不适用于我的电脑。这里是演示应该是什么样子：https://elements.polymer-project.org/elements/paper-icon-button?view=demo:demo/index.html 这里是我的polyserve运行演示：使用亭子命令，而不是压缩文件，所以我会承担所有的依赖是有 enter image description here

我设置paper-icon-button。不知道缺少什么：请帮助我，谢谢！

来源

2015-07-19 Nam Thai

你是否在本地安装了依赖关系？ npm install -g gulp bower && npm install && bower install –

@Robert Rowntree我全都做过 –

上周的变化AFAIK ..重新检查git文档... https://github.com/polymerelements/paper-icon-按键 –

您还需要导入铁图标。看看这个demo 和这个example repository。

正确的方式在Windows初始化项目：

Install yarn
开放git bash
mkdir -p /c/projects/polymer && cd /c/projects/polymer
yarn add --dev bower
./node_modules/.bin/bower init
如果你看到：“亭子ENOINT注册需要交互式外壳“在上面运行命令cmd.exe。 More。
：
./node_modules/.bin/bower install --save PolymerElements/iron-icons
./node_modules/.bin/bower install --save PolymerElements/paper-icon-button
在这个帖子
yarn add --dev http-server
./node_modules/http-server
打开http://127.0.0.1:8080在Web浏览器中

的index.html年底创建内容的index.html

<!doctype html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes"> 
    <script src="/bower_components/webcomponentsjs/webcomponents-lite.min.js"></script> 
    <link rel="import" href="/bower_components/iron-icons/iron-icons.html"> 
    <link rel="import" href="/bower_components/paper-icon-button/paper-icon-button.html"> 
    </head> 
    <body> 
    <paper-icon-button icon="favorite" title="heart"></paper-icon-button> 
    </body> 
</html>

来源

2017-01-04 19:25:14 rofrol

PolymerElements，纸张图标按钮是特定的，没有按预期显示

回答

相关问题