Javascript 纸张图标按钮内未显示材质图标(聚合物)

Javascript 纸张图标按钮内未显示材质图标(聚合物),javascript,polymer,polymer-2.x,Javascript,Polymer,Polymer 2.x,我正在为一个项目使用聚合物,我只想显示一个汉堡包菜单。问题是我可以看到可点击区域,但汉堡菜单不显示。这是我的代码: <link rel="import" href="../bower_components/polymer/polymer-element.html"> <link rel="import" href="shared-styles.html"> <link rel="import" href="../bower_components/polymer/po

我正在为一个项目使用聚合物,我只想显示一个汉堡包菜单。问题是我可以看到可点击区域,但汉堡菜单不显示。这是我的代码:

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/polymer/polymer.html">
<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
<link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">

<dom-module id="my-view3">
  <template>
    <style include="shared-styles">
      :host {
        display: block;

        padding: 10px;
      }
    </style>

    <paper-icon-button icon="menu"></paper-icon-button>

  </template>

  <script>
    class MyView3 extends Polymer.Element {
      static get is() { return 'my-view3'; }
    }

    window.customElements.define(MyView3.is, MyView3);
  </script>
</dom-module>

:主持人{
显示:块;
填充:10px;
}
类MyView3扩展了Polymer.Element{
静态get是(){return'my-view3';}
}
window.customElements.define(MyView3.is,MyView3);

对不起,我的英语是法语。

纸质图标按钮
只考虑按钮的样式和行为,而没有SVG图标本身

为了能够使用Google材质图标,必须首先导入元素

您必须通过Bower安装它(如果您还没有):

bower安装--保存熨斗图标

然后,您必须将其导入要使用图标的组件中

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


感谢您的回复。问题是我的bower_组件中没有“iron icons”文件夹。我只有一个“iron icon”文件夹。@DorianSeguin您需要安装iron icons
bower安装--保存iron icons
@HyyanAboFakher非常感谢,它可以工作。祝你今天愉快@DorianSeguin太好了,别忘了对答案进行投票:)谢谢@HyyanAboFakher提出的编辑建议。我还添加了更全面的描述。