Полимерный бумажный ввод не работает

Question

Я - начинающий полимер. Я установил Polymer v1.7, и я пытаюсь создать простую форму. В моем приложении попытался ввести бумажный ввод, но он вообще не отображается. Проверяя DOM, заметил, что элемент есть, но не отображается. И в консоли отображаются некоторые связанные с бумагой сообщения. Я решил создать совершенно новый базовый проект только для тестирования этого единственного элемента, но опять же, элемент не работает и сообщения сохраняются.

Мой текущий код:

bower.json

{ 
    "name": "test001", 
    "main": "index.html", 
    "dependencies": { 
     "polymer": "Polymer/polymer#^1.4.0", 
     "iron-elements": "PolymerElements/iron-elements#^1.0.10", 
     "iron-form": "PolymerElements/iron-form#^1.1.4", 
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", 
     "paper-elements": "PolymerElements/paper-elements#^1.0.7" 
    }, 
    "devDependencies": { 
     "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", 
     "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", 
     "web-component-tester": "^4.0.0", 
     "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" 
    } 
} 

test001-приложение:

<link rel="import" href="../../bower_components/polymer/polymer.html"> 
<link rel="import" href="../../bower_components/paper-input"> 
<dom-module id="test001-app"> 
    <template> 
     <style> 
      :host { 
      display: block; 
      } 
     </style> 
     <h2>Hello [[prop1]]</h2> 
     <paper-input label="Etiqueta"></paper-input> 
    </template> 
    <script> 
     Polymer({ 
      is: 'test001-app', 
      properties: { 
       prop1: { 
        type: String, 
        value: 'test001-app', 
       }, 
      }, 
     }); 
    </script> 
</dom-module> 

консольные сообщения:

Поведение Polymer.IronA11yKeysНеправильное поведение при смешивании свойств в бумажном вводе! docs.js: 126

Поведение Polymer.IronFormElementBehavior не обнаружено при смешивании свойств в бумажном вводе! docs.js: 126

Поведение Polymer.IronFormElementBehavior не обнаружено при смешивании свойств в paper-textarea! docs.js: 126

Поведение Polymer.IronA11yKeysНеобходимое поведение при смешивании свойств в Polymer.PaperInputBehavior!

Я пытался положить некоторое содержание между открытием и закрытием бумаги тегов (то есть: ABC) и отображается, но не в качестве элемента ввода (только в качестве основного текста)

Answer 1

Ваш HTML импорт для <paper-input> неправилен:

<!-- wrong --> 
<link rel="import" href="../../bower_components/paper-input"> 

Оно должно быть:

<link rel="import" href="../../bower_components/paper-input/paper-input.html">