No Polymer/Paper要素が表示されません

Polymerとそのために設計されたPaper Elementsを使用してサイトを開始します。私はバワーを使用してコンポーネントをインストールして、それは私が正しい場所にすべてを持っているようだ。ここに私のコードはあります：No Polymer/Paper要素が表示されません

<html> 
<head> 
    <script src="bower_components/webcomponentsjs/webcomponents.js"></script> 

    <link rel="import" href="bower_components/core-scaffold/core-scaffold.html"> 
    <link rel="import" href="bower_components/core-item/core-item.html"> 
    <link rel="import" href="bower_components/paper-input/paper-input.html"> 
    <link rel="import" href="bower_components/paper-fab/paper-fab.html"> 
</head> 
<body fullbleed unresolved> 
<template is="auto-binding"> 
    <core-scaffold> 
     <core-header-panel navigation flex> 
      <core-toolbar class="tall"> 

      </core-toolbar> 
     </core-header-panel> 

     <div tool layout horizontal flex> 
      <span flex>Toolbar Text</span> 
      <core-icon icon="account-circle"></core-icon> 
      <span>7</span> 
     </div> 

     <div flex> 
      <div class="send_message" layout horizontal> 
       <paper-input flex label="Enter Text..." id="input" value="{{input}}"></paper-input> 
       <paper-fab icon="send" id="sendButton" on-tap="{{sendMyMessage}}"></paper-fab> 
      </div> 
     </div> 

    </core-scaffold> 
</template> 

</body> 

</html>

私はウェブページを読み込みません。私がテンプレートのタグを取り出すと、私はツールバーのテキストを見ることができますが、要素のレンダリングはまだありません。どんな助けもありがとうございます、事前に感謝します！

出典

2016-04-11 Nicholas Pesa

あなたはcore-*要素（iron-*に置き換え）とauto-binding（dom-bindに置き換え）の使用状況に基づいて、ポリマー（< 1.0）の古いバージョンを使っているように見えます。ポリマー文書にはmigration guideがありますが、それはアップグレードに役立ちますが、Polymer Starter Kit（最新のものを含む）を使用して最初から開始する方が簡単かもしれません。

出典

2016-04-11 21:29:31

これは、テンプレートタグを修正し、ツールバーのテキストを表示させますが、それでも紙の要素は表示されません。ツールバーの上部に白いページが表示されます。 –

ああ、Polymer 0.5のコアコンポーネントを使用していることに気付きました。私は私の答えを更新します。 –

私は今、Polyemrサイトで少し読んだことがあります。いくつかの要素をコア要素からペーパー要素に変更し、現在は機能しています。私はまだ編集に感謝するが、私はそれらが表示されていることを知らせたい –

No Polymer/Paper要素が表示されません

答えて

関連する問題