如何在jade中使用css?
最后,我发现express无法找到本地css文件 然后我修正了我的代码。 我使用了链接词,但仍然看不到css文件调用成功 app.js如何在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
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'