圖標被複制

Question

我有一個的NodeJS/Express應用程序 （注：我在這些技術小白）

，由於某種原因如下因素玉：

    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> 

所以圖標顯示爲雙倍。

我應該在哪裏看看這個？

注：我設置flavico.ico在app.js

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') 
    span.i.icon_profile 
    span Page name 

所以我在跨度添加圖標。

在請求我沒有雙favico請求，所以這不是我的問題。

Answer 2

你應該檢查你的玉元素的層次結構導致了這一點。您的第一個示例：

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 

所以，如果你看到了後者，但你的玉模板體現了第一，你應該評估你是如何設置flavico.ico （特別是如果你用CSS來做）。這似乎是你在注入黃玉模板後編寫的之後的黃金。