向各位大大求助:Jade模版中引入css文件
发布于 11 年前 作者 whedge 16279 次浏览 最后一次编辑是 8 年前

这个问题我是在看《Node.js入门经典》的时候遇到的。

一开始我使用的代码如下: link(rel=‘stylesheet’, href=‘http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css’) 这样引入css文件,可以正常显示css效果。

后来,我尝试使用引入本地css文件,代码如下: link(rel=‘stylesheet’, href=‘bootstrap.css’) 备注:为了方便测试,这里我将css文件和引入它的jade模版放在一个文件夹下的。 这时候,该css效果无法显示。

折腾了一下午还是没想明白,只好到社区向各位大大求助了,万分感谢~~~

5 回复

chrome/firefox 开console看什么错

多谢! 不仅告诉了我怎么做,还告诉了我为什么。 握个爪,哈哈~

您这么一提醒,我倒是想起来了。这书一开始讲目录结构的时候就提过所有静态文件应该放在public文件夹下。是我粗心了<del>惭愧</del>~再次感谢~~~

@saighost 三年前的回答,解决了我现在的问题,感激 引用css等静态文件前,必须先制定程序的静态文件目录。

用了 app.set(‘views’, __dirname + ‘/views’); app.use(express.static(path.join(__dirname, ‘public’))); 也不行 啊 为什么 还是404 not find

回到顶部