2017-05-05 13 views
1

私はPolymer and Bowerエコシステムを使い慣れていますので、私を許してください:)。私はポリマー1で書かれたアプリを持っているし、ポリマー2に単一の要素をアップグレードしたい。したがって、ハイブリッドのいくつかの種類。バウアーが存在しないと叫んでいたので、2.0プレビューの要素を除いて、ポリマー2をサポートするためのアップグレードガイドに記載されているすべての依存関係を更新しました。私のページが完全に空白であるいくつかの理由についてポリマー - 紙引き出しパネルに内容が表示されない

<!DOCTYTPE html> 
<html lang="en"> 
    <head> 
     <script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script> 
    </head> 
    <body> 
     <dom-bind> 
      <template is="dom-bind" id="app"> 
       <paper-drawer-panel force-narrow="true" drawer-width="320px"> 
        some content here 
       </paper-drawer-panel> 
      </template> 
     </dom-bind> 
    </body> 
</html> 

私は私のindex.htmlで次のような構造を持っています。しかし、ページを調べると、「ここにいくつかのコンテンツがあります」というテキストが正しく表示されます。誰かがここで何が起こっているのか説明できますか?

答えて

1

paper-drawer-panelのインポートを追加する必要があると思います。paper-drawer-panelには、その中にタグがほとんどない必要があります。

<paper-drawer-panel> 
    <div drawer> Drawer panel... </div> 
    <div main> Main panel... </div> 
</paper-drawer-panel> 

Paper-drawer-panel page

関連する問題