为什么我的jade文件不处理我的css文件?
我有一个节点应用程序,它有三个jade文件,它们都通过extends方法表示出来。。。 父模板home.jade是:为什么我的jade文件不处理我的css文件?,css,node.js,express,pug,Css,Node.js,Express,Pug,我有一个节点应用程序,它有三个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(控制台在
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)。文件的布局是my express的标准布局:
app/
node_modules/
public/
images/
javascripts/
stylesheets/
style.css
app.js
routes/
views/
home.jade
^^显示相关内容
My style.css:
body {
padding: 50px;
font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
background-color: red;
}
.title{
color:green;
}
为什么jade找不到我的风格.css
谢谢您的帮助。Jade不会处理您的css文件。浏览器可以
href='../public/stylesheets/style.css'
可能是一个无效位置。您的应用程序是否设置了任何静态中间件(即express.static)?无论如何,它应该是href='/stylesheets/style.css'
。生成的HTML的目标是什么?home.jade在视图文件夹中。生成的HTML的目标是什么?您的样式表源于使用相对路径,因此如果您的HTML文件不是在与Jade模板相同的级别上生成的,则路径将无法正确解析。下面是我在此处发布的类似解决方案:我希望这对您有所帮助!:)