PolymerElements, кнопка «Бумага-иконка», конкретная, не отображается, как ожидалось

Я только что начал с Polymer, и я использую кнопку «Paper-icon», чтобы проверить это. Я думаю, что правильно настроил, потому что кнопка, которую я использовал, имеет эффект пульсации; когда я установил свойство 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

I Настройка paper-icon-button с помощью команды Бауэр вместо архива, так что я предполагаю, что все зависимости есть. Не уверен, чего не хватает: пожалуйста, помогите мне!

источник

2015-07-19 Nam Thai

У вас были установлены зависимости локально? npm install -g gulp bower && npm install && bower install –

@Robert Rowntree Я сделал их все –

изменений на прошлой неделе AFAIK .. перепроверьте git docs ... 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
Создание index.html с содержанием в конце этого поста
yarn add --dev http-server
./node_modules/http-server
Открыть http://127.0.0.1:8080 в веб-браузере

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, кнопка «Бумага-иконка», конкретная, не отображается, как ожидалось

ответ

Смежные вопросы