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

Question

我有一个 Node 应用程序，它包含三个 jade 文件，它们都通过 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

^^ 显示相关内容。

我的样式.css:

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

.title{
    color:green;
}

为什么 jade 找不到我的 style.css？

感谢您的帮助。

Answer 1

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

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