2014-05-10 56 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'文件。

希望这会有所帮助!

相关问题