聚合物 - 铁图标中的默认图标集不显示，但所有其他图标集都可以使用

Question

摘要

我正在基于聚合物启动套件的聚合物项目进行聚合物项目，并且我遇到了一个问题，其中未出现默认图标集的图标。它们的大小和样式可以正确计算，但是当我使用Inspect元素时，标签中没有SVG。我尝试了maps和social的图标，这些图标都起作用，但是icons的图标只是没有图像。

我尝试了各种不同的解决方案：

1. 在此处遵循此堆栈溢出问题，我做了接受的解决方案，没有结果。
2. 我删除了所有聚合物组件，并进行了新的bower install bower update。仍然没有去。
3. 我在某个地方看到聚合物启动器套件与my-icons.html文件有冲突，因此我将其重命名为custom-icons.html。这也没有用。

这是非常令人困惑和令人沮丧的，因为这个问题似乎无处不在。有一天，默认的铁 - 元素正在工作，而下一个则没有。

---

我的进口

<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/app-layout/app-drawer/app-drawer.html">
<link rel="import" href="../bower_components/app-layout/app-drawer-layout/app-drawer-layout.html">
<link rel="import" href="../bower_components/app-layout/app-header/app-header.html">
<link rel="import" href="../bower_components/app-layout/app-header-layout/app-header-layout.html">
<link rel="import" href="../bower_components/app-layout/app-scroll-effects/app-scroll-effects.html">
<link rel="import" href="../bower_components/app-layout/app-toolbar/app-toolbar.html">
<link rel="import" href="../bower_components/app-route/app-location.html">
<link rel="import" href="../bower_components/app-route/app-route.html">
<link rel="import" href="../bower_components/iron-pages/iron-pages.html">
<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
<link rel="import" href="../bower_components/iron-icons/maps-icons.html">
<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
<link rel="import" href="../bower_components/iron-localstorage/iron-localstorage.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
<link rel="import" href="../bower_components/paper-item/paper-icon-item.html">
<link rel="import" href="app-data.html">
<link rel="import" href="log-out.html">
<link rel="import" href="custom-icons.html">

---

利用率

<a href="/#/home-quotes" tabindex="-1">
  <paper-icon-item>
    <iron-icon icon="icons:settings" item-icon></iron-icon> <!-- This doesn't work -->
    Home
  </paper-icon-item>
</a>
<a href="/#/secret-quotes" hidden$="[[!storedUser.loggedin]]" tabindex="-1">
  <paper-icon-item>
    <iron-icon icon="maps:add-location" item-icon></iron-icon> <!-- This works? -->
    Secret Quotes
  </paper-icon-item>
</a>

Answer 1

update 该错误已在聚合物启动器套件2.1.1中固定。现在，当您运行polymer init starter-kit时，生成的代码库将包括修复。

---

我怀疑这个问题是与您的Iconset的命名冲突（问题＃934），该问题最近已修复。

修复程序之前，聚合物启动器套件中的自定义图标的名称是icons，不幸的是，这也是<iron-icons>中默认图标的名称。由于您的custom-icons.html导入发生在iron-icons.html之后，因此您的Iconset优先。

修复程序是重命名您的自定义图标以避免名称冲突，从而使两个图标共存。也就是说，将 custom-icons.html中的图标的 name属性更改为这样的东西：

<iron-iconset-svg name="my-custom-icons" size="24">