如何在jade中使用css?

如何在jade中使用css?,css,node.js,pug,Css,Node.js,Pug,最后,我发现express无法找到本地css文件 然后我修正了我的代码。 我使用了链接词,但仍然看不到css文件调用成功 app.js var express = require('express') , cons = require('consolidate') , jade = require('jade') , path = require('path') var app = express() app.engine('jade', cons.jade) app

最后,我发现express无法找到本地css文件

然后我修正了我的代码。 我使用了链接词,但仍然看不到css文件调用成功

app.js

  var
    express = require('express')
  , cons = require('consolidate')
  , jade = require('jade')
  , path = require('path')

var app = express()

app.engine('jade', cons.jade)
app.use('/views',express.static(__dirname + '/views'))
app.use("/styles", express.static(__dirname + '/styles'));
app.set('view engine', 'jade')

app.use(function (req, res) {
  res.render('layout')
})

app.listen(3000);
/视图/布局.jade

html
    link(rel='stylesheet', href='../styles/word.css', type='text/css')
head
  body
    p#para1 Just test css in jade. 
/样式/word.css

p
{
text-align:center;
color:red;
}

这似乎是一个愚蠢的问题,我在问题中发布了太多的代码,因此感谢您的阅读

尝试启动服务器,运行页面,右键单击“查看源代码”,然后单击css链接以查看它是否真的正确链接到您的页面


如果它与@grobot所说的不一样,则可能是目录问题。

您是否已在Google Chrome或类似浏览器中检查网络管理器,以确保文件确实被找到?是打字错误,还是在css位于word.css中时尝试加载test.css?抱歉,我已经将test.css更改为word.css.mably duplicate-mable-mable-discover-relative-require并定义href-like-sooo
href='/styles/word.css'