图标重复

Question

我有一个nodejs / express应用程序 （注意：我在这些技术中使用了noob）

由于某种原因，下面的玉：

                  li#nav-name
                    a(href='/path/to/page.html')
                       i.icon_profile
                       span Page Name

转化为：

<li id="nav-name">
      <a href="/path/to/page.html">
      <i class="icon_profile">
          <span style="font-family: 'ElegantIcons'"></span>
      </i><span>Page Name</span></a>
</li>

而不是：

<li id="nav-name">
      <a href="/path/to/page.html">
      <i class="icon_profile"></i>
           <span>Page name</span>
      </a>
</li>

因此图标以双显示。

我应该在哪里查看？

注意：我在app.js中设置了flavico.ico

app.use(favicon(__dirname + '/public/favicon.ico'));
app.set('views',path.join(_dirname,'views'))
app.set('view engine','jade')

谢谢！

Answer 1

您应该在玉石模板中查看元素的层次结构。你的第一个例子：

li#nav-name
  a(href='/path/to/page.html')
    i.icon_profile
    span Page name

是对的。

您在玉石中看到的内容如下：

li#nav-name
  a(href='/path/to/page.html')
    i.icon_profile
      span(style="font-family: 'ElegantIcons'")
    span Page Name

所以，如果您看到后者，但您的Jade模板反映了第一个，那么您应该评估如何设置flavico.ico（特别是如果您使用CSS）。似乎是在编译jade模板之后注入flavico.ico 。

Answer 2

我的解决方案：

li#nav-name
  a(href='/path/to/page.html')
    span.i.icon_profile
    span Page name

所以我在一个范围内添加了图标。

在请求中我没有双重的favico请求，所以这不是我的问题。