Polymer 如何获得<；铁图标>；在聚合物2.x中工作 狭义问题

通过故障排除，我认为我已经将“更大的问题”缩小到以下问题。（但我可能错了。）：

如何将最新版本的

正确下载到本地计算机

“最新版本”是指通过以下方式导入的版本：

<base href="//polygit.org/polymer+:master/components/">
<link rel="import" href="iron-icons/iron-icons.html">

bower install --save PolymerElements/iron-icons

bower update --save

并尝试在我的本地服务器上进行如下导入：

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

或者，如果已经安装了

：

然后

或

版本 我相信我使用的是

的v2.0.1

bower.json 配置 操作系统：macOS Sierra 10.12.6
硬件：MacBook Air
浏览器：Chrome版本60.0.3112.113（官方版本）（64位）

演示

代码 以下代码不会按预期呈现

：

将bower.json中的Polymer版本更新至最新版本

安装新的依赖项

这并没有解决问题。但是，我无法将聚合元素更新为

^2.0.0

bower.json 导致错误，因此：

bower.json 而且：

bower.json

---

@Ofisora在评论中提出的解决方案适用于我更新

iron selector

和

iron meta

：

rm -rf bower_components

---

@Ofisora在评论中提出的解决方案适用于我更新

iron selector

和

iron meta

：

rm -rf bower_components

iron icons

是一个实用程序导入，其中包括

iron图标

element、

iron图标集svg

element以及导入 对于默认图标集

这意味着

iron图标

直接依赖于

iron图标

和

iron图标集svg

。而

iron图标

和

iron图标集svg

元素都依赖于

iron meta

当您将

iron icons

更新到最新版本时，这些元素

iron icon

、

iron iconset svg

和

iron meta

可能不会得到更新，因为默认情况下您将获得所有这些组件。因此，更新

iron meta

是解决方案之一。

---

此外，当您在polymer中安装或更新元件时，您将看到如下消息：

找不到适合熨斗图标的版本，请逐个选择 键入以下数字之一：

始终根据您拥有的其他元素选择合适的或最新的版本

完成更新或安装后，您将看到如下注释：

Component            | Version
---------------------|--------
Polymer              | ^2.0.0
webcomponentsjs      | ^1.0.0
web-component-tester | ^6.0.0
Polymer elements     | ^2.0.0

请确保您阅读了本文，并根据需要安装/更新依赖项。

---

注意：在我的情况下，我必须更新

铁选择器

，因为我在

铁选择器

中使用了

铁图标

iron icons

是一个实用程序导入，其中包括

iron图标

element、

iron图标集svg

element以及导入 对于默认图标集

这意味着

iron图标

直接依赖于

iron图标

和

iron图标集svg

。而

iron图标

和

iron图标集svg

元素都依赖于

iron meta

当您将

iron icons

更新到最新版本时，这些元素

iron icon

、

iron iconset svg

和

iron meta

可能不会得到更新，因为默认情况下您将获得所有这些组件。因此，更新

iron meta

是解决方案之一。

---

此外，当您在polymer中安装或更新元件时，您将看到如下消息：

找不到适合熨斗图标的版本，请逐个选择 键入以下数字之一：

始终根据您拥有的其他元素选择合适的或最新的版本

完成更新或安装后，您将看到如下注释：

Component            | Version
---------------------|--------
Polymer              | ^2.0.0
webcomponentsjs      | ^1.0.0
web-component-tester | ^6.0.0
Polymer elements     | ^2.0.0

请确保您阅读了本文，并根据需要安装/更新依赖项。

---

---

注意：在我的例子中，我也必须更新

iron selector

，因为我在

iron selector

中使用了

iron icon

，

您的本地项目中安装了什么版本的iron icon？@Ofisora:我相信是v2.0.1。bower.json:

“iron icons”：“PolymRelations/iron icons#^2.0.1”，

[这是整个bower.json文件]（“iron icons:”PolymRelations/iron icons#^2.0.1“，）您为

bower.json

的全部内容提供的链接不起作用。@Ofisora:我相信是v2.0.1。bower.json：“铁图标”：“聚合关系/铁图标”#^2.0.1“@奥菲索拉：请阅读我刚才添加的编辑部分。我已经取得了一些进展，并且认为我已经将问题隔离到了通过

iron icons.html

文件导入

iron iconset svg.html

文件。您的本地项目中安装了什么版本的iron icons？@Ofisora：我相信是v2.0.1。bower.json:

“iron icons”：“PolymRelations/iron icons#^2.0.1”，

[这是整个bower.json文件]（“iron icons:”PolymRelations/iron icons#^2.0.1“，）您为

bower.json

的全部内容提供的链接不起作用。@Ofisora:我相信是v2.0.1。bower.json：“铁图标”：“聚合关系/铁图标”#^2.0.1“@奥菲索拉：请阅读我刚才添加的编辑部分。我已经取得了一些进展，并且认为我已经将问题隔离到了通过

iron icons.html

文件导入

iron iconset svg.html

文件上。未来读者注意：我为这两个更新选择了最新版本选项。此外，清除bower并运行全局

bower安装

也不起作用。但这个解决方案确实如此。请未来的读者注意：我为这两个更新选择了最新版本选项。此外，清除bower并运行全局

bower安装

也不起作用。但这个解决方案确实如此。

"iron-icons": "PolymerElements/iron-icons#^2.0.1",

<base href="//polygit.org/polymer+:master/components/">
<script src="webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="polymer/polymer-element.html">
<link rel="import" href="iron-icons/iron-icons.html">
<link rel="import" href="iron-icon/iron-icon.html">

<dom-module id="demo-el">
  <template>

    Hello world
    <iron-icon icon="add"></iron-icon>
    <iron-icon icon="favorite"></iron-icon>
    <img src="//lorempixel.com/400/200/" />

  </template>
  <script>
    class DemoEl extends Polymer.Element {
      static get is() {
        return 'demo-el'
      }

      constructor() {
        super();
      }

    }
    customElements.define(DemoEl.is, DemoEl);
  </script>
</dom-module>

<link rel="import" href="/bower_components/polymer/polymer-element.html">
<link rel="import" href="/bower_components/webcomponentsjs/webcomponents-lite.js">
<link rel="import" href="/bower_components/iron-icon/iron-icon.html">
<link rel="import" href="/bower_components/iron-icons/iron-icons.html">
<link rel="import" href="/bower_components/paper-input/paper-input.html">

<dom-module id="app-main">
  <template>

    Hello world
    <iron-icon icon="add"></iron-icon>
    <iron-icon icon="favorite"></iron-icon>
    <img src="//lorempixel.com/400/200/" />

  </template>
  <script>
    class AppMain extends Polymer.Element {
      static get is() {
        return 'app-main'
      }

      constructor() {
        super();
      }

    }
    customElements.define(AppMain.is, AppMain);
  </script>
</dom-module>

<base href="//polygit.org/polymer+:master/components/">
<link rel="import" href="iron-icons/iron-icons.html">

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

<base href="//polygit.org/polymer+:master/components/">
<link rel="import" href="iron-icons/iron-icons.html">

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

rm -rf bower_components

Component            | Version
---------------------|--------
Polymer              | ^2.0.0
webcomponentsjs      | ^1.0.0
web-component-tester | ^6.0.0
Polymer elements     | ^2.0.0

bower install

"dependencies" : {
  ...
  "polymer-elements" : "^2.0.0",
  ...
}

"dependencies" : {
  ...
  "polymerelements" : "^2.0.0",
  ...
}

"dependencies" : {
  ...
  "PolymerElements" : "^2.0.0",
  ...
}

bower install --save PolymerElements/iron-meta
bower install --save PolymerElements/iron-selector

Please note that,
    iron-iconset-svg#a47e824859 depends on iron-meta#2.0-preview which resolved to iron-meta#7404b31da3
    iron-icon#1.0.13, iron-icon#1.0.13, iron-icon#1.0.13, iron-iconset-svg#1.1.2, iron-iconset-svg#1.1.2 depends on iron-meta#^1.0.0 which resolved to iron-meta#1.1.3
    iron-icon#2.0.0, iron-iconset-svg#2.0.0 depends on iron-meta#1 - 2 which resolved to iron-meta#2.0.2