开始使用 Polymer 的纸元素

Question

我一直在玩Polymer. I've successfully built a "hello world" app. My app includes the iron-elements. I'm now trying to integrate the paper-elements。不幸的是，我似乎无法让他们在我的项目中工作。

我通过 bower install PolymerElements/paper-elements 安装了它们。然后我导入了 .html ，类似于我对铁元素所做的那样。但是，这些项目没有出现。所以，我决定退后一步，只对纸质元素做一个 "hello world"。令我吃惊的是，我无法弄清楚如何只用 Paper 显示一个 Button。我果然没那么笨

我找到了一个可以从 GitHub 中提取并使用的基本应用程序。但是，我也没有运气。目前，我有以下内容：

<html>
  <head>
    <title>Hello</title>
    <script src="res/packages/webcomponentsjs/webcomponents-lite.min.js"></script>   

    <!-- Polymer -->
    <link rel="import" href="res/packages/polymer/polymer.html"> 

    <!-- Paper Elements -->
    <link rel="import" href="res/packages/font-roboto/roboto.html">   
    <link rel="import" href="res/packages/paper-header-panel/paper-header-panel.html">
    <link rel="import" href="res/packages/paper-toolbar/paper-toolbar.html">
    <link rel="import" href="res/packages/paper-button/paper-button.html">     

    <!-- End of Paper Elements -->

    <!-- End of Polymer -->

  </head>
  <body unresolved>
    <h1>Hello</h1>
    <paper-header-panel>
      <paper-button raisedButton label="button"></paper-button> 
    </paper-header-panel>        
  </body>
</html>

我做错了什么？谁能告诉我我遗漏了什么，或者告诉我一个使用 Paper 的基本 "hello world" 应用程序？

谢谢！

Answer 1

删除您的 paper-header-panel 并试试这个：

<paper-button raised>Raised button</paper-button>

开始使用 Polymer 的纸元素

Getting Started with Polymer's Paper Elements

polymer

paper-elements