2016-10-25 14 views
0

私はポリマーの初心者です。私は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> 

コンソールメッセージ:

動作ポリマーを混ぜたときにアイロンA11yKeysBehaviorが見つかりません を紙入力に! docs.js:126

ビヘイビアPolymer.IronFormElementBehaviorが混在するときに見つかりませんでした プロパティを入力してください! docs.js:126

ビヘイビアPolymer.IronFormElementBehaviorが混在しているときに見つかりません。 プロパティをpaper-textareaに挿入します。 docs.js:126

ビヘイビアPolymer.PaperInputBehaviorにプロパティ を混合すると、ポリマーが生成されませんでした。

Iは開閉紙タグ(例:ABC)の間にいくつかのコンテンツを入れてみました<paper-input>ため

+0

もI'veは、給紙テストをチェックします。 26テスト合格 console.js:57テストスイート合格 console.js:57 2307msで26テストを評価 – BenD

答えて

1

あなたのHTMLのインポートが正しくないと表示されますが、入力しない要素として、(ちょうど基本的なテキストなど):

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

それは次のようになります。

<link rel="import" href="../../bower_components/paper-input/paper-input.html"> 
関連する問題