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，紙張圖標按鈕是特定的，沒有按預期顯示

回答

相關問題