纸图标按钮不显示图标

Question

您好，我有一个应用程序，我想使用纸质图标按钮，我正在使用主题Dark [Theme] [1]，问题是我无法制作纸质图标 - 按钮显示图标。

进口：

<link rel="import" href="../bower_components/iron-iconset-svg/iron-iconset-svg.html">
<link rel="import" href="../bower_components/iron-iconset/iron-iconset.html">
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/iron-icons/editor-icons.html">
<link rel="import" href="../bower_components/iron-icons/communication-icons.html">
<link rel="import" href="../bower_components/iron-icons/notification-icons.html">
<link rel="import" href="../bower_components/iron-icons/maps-icons.html">
<link rel="import" href="../bower_components/iron-icons/social-icons.html">
<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
<!-- Paper elements -->
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">

元素：

<dom-module id="my-adminwork">
  <template>
    <style>
      :host {
        display: block;
      },
    </style>
    <iron-localstorage name="my-signasafe-storage" id="localStorage_id" value="{{sessionObject}}"></iron-localstorage>
    <span>Text example</span>
    <paper-icon-button icon="refresh"></paper-icon-button>
  </template>

纸质图标按钮应该是内部具有svg图标的铁图标元素的复合物，当我在浏览器中检查html时，我没有在iron-icon元素中看到svg图标代码

为什么会发生这种情况？

Answer 1

问题是你defined a custom iconset named "icons"，它与Polymer的默认图标集名称相同。这会导致图标查找在my-icons.html中搜索您的自定义图标集，以查找实际属于iron-icons.html中默认图标集的图标。

要解决此问题，请更改自定义图标集的名称（例如，更改为“my-icons”）。