2014-05-10 84 views
0

我已經使用node.js和jade設置了一個應用程序。CSS無法與玉器一起使用

這是我的看法:

html 
    head 
     title My test page 

     link(rel='stylehseet', link='/css/main.css') 
    body 
     h1 My Jade template 
     p= message 

     a(href='/about') About 

的問題是link標籤。它不加載CSS。如果我將其更改爲(將常規css換成翡翠),它將起作用。

這是怎麼了我的發球和路線index.html

app.use(express.static(__dirname)); 

app.get('/', function(req, res) { 
    res.locals.message = 'Hello!'; 
    res.render('index'); 
}); 

回答

1

也許這只是一個錯字,但你必須stylehseet:

link(rel='stylehseet', link='/css/main.css') 

,而不是樣式表

link(rel='stylesheet', href='/css/main.css') 
+0

謝謝你的錯字,那是我寫了'link'而不是'href'的那個+ ...我昨天晚上寫的時候很累。確實是 – ptf

+0

。 href也缺失。我沒有足夠的睡眠。爲了完整起見,我會編輯答案。 – Sephy

0

我被困在這上好幾個小時。上述解決方案適用於其他人,但不是我自己。

如果你或其他人有麻煩,試試這個:

| <style type="text/css"> 
include ../css/bootstrap.min.css 
include ../css/landing-page.css 
include ../font-awesome/css/font-awesome.min.css 
| </style> 

您可以隨時刪除包括,如果你不需要他們,但風格標籤是什麼讓我的CSS來反映(保持介意我的文件結構是一個包含我所有jade視圖的'views'文件夾,以及一個與'views'文件夾位於同一目錄中的單獨'css'文件。

希望這會有所幫助!

相關問題