聚合物纸图标按钮不显示图像答案

【问题标题】：Polymer paper-icon-button doesn't show an image聚合物纸图标按钮不显示图像
【发布时间】：2015-10-23 07:10:22
【问题描述】：

我想制作一个抽屉面板，它的左侧有一个菜单按钮，可以打开导航抽屉。所以在主标题面板中我添加了按钮，就像在 Polymer 文档中一样：

<paper-header-panel main>
  <paper-toolbar>
    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
      <div>Extracurricular Activities</div>
    </paper-toolbar>
    <!-- main content -->
  </paper-toolbar>
</paper-header-panel>

问题是菜单按钮没有图像，但我正确地包含了纸张图标按钮。当我点击按钮应该在的位置时，我可以看到正常的涟漪效果并且抽屉打开，所以按钮必须在那里。

Here is a screenshot of the header, the menu button should be at the left of the header text

有人知道我做错了什么吗？

【问题讨论】：

你试过用 chrome 开发工具查看网络日志吗？
是的，图标文件没有列出来……

标签： html polymer

【解决方案1】：

确保您还导入了图标集。默认图标（包括菜单）可以在iron-icons找到。

一旦你安装了 Iron-icons。进行以下导入：

<link rel="import" href="bower_components/iron-icons/iron-icons.html">

【讨论】：

啊，是的。我的错误是我包括了铁图标，而不是铁图标。非常感谢！
它工作了，但是 paper-button-icon 不应该自己导入它的依赖项？即，如果需要使用 iron-icons 来使用 paper-button-icon ，则应将其导入到文件 paper-button-icon.html 中。
@Jp_ 通常，元素会导入自己的依赖项。但是，您不一定需要iron-icons 才能使用paper-icon-button，您只需要一些图标集即可。导入可能使用也可能不使用的图标集效率不高。
@Maria 在 index.html 中包含 iron-icons.html 对我有用。但是在 paper-icon-button.html 里面实际上也包含了 iron-icons.html。我想知道为什么它不起作用，我们必须再次包含在 index.html 中。
这对我也有用，但必须说文档不清楚。 Paper-icon-button 表示：paper-icon-button includes a default icon set，然后在示例中显示 icon="menu"。然后下一行说See iron-iconset for more information about how to use a custom icon set. 听起来像paper-icon-button 应该有“菜单”，如果它有一个默认的图标集，但显然不是......