为什么我的jade文件不处理我的css文件?

时间:2014-02-03 19:32:01

标签: css node.js express pug

我有一个节点应用程序,它有三个玉文件,它们都通过extends方法隐含... 父模板home.jade是:

html
    head
        link(rel='stylesheet', href='../public/stylesheets/style.css', type="text/css")
    body
        p.title home
        block out_home

不要担心最后一行。它无关紧要。问题是找不到style.css(控制台在/style.css上显示404)。文件的布局是我所表达的标准文件:

app/
   node_modules/
   public/
         images/
         javascripts/
         stylesheets/
                    style.css
   app.js
   routes/
   views/
        home.jade

^^显示相关内容。

我的style.css:

body {
  padding: 50px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  background-color: red;
}

.title{
    color:green;
}

为什么玉没有找到我的style.css?

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

Jade不会处理您的css文件。浏览器确实。

href='../public/stylesheets/style.css'可能是无效的位置。您的应用是否设置了任何静态中间件(即express.static)?无论如何,它可能应该是href='/stylesheets/style.css'