Jade - 双嵌套.jade模板不提取公用文件夹资源。有任何想法吗?

时间:2015-04-17 11:12:40

标签: javascript css node.js express pug

我现在正在创建一个论坛系统,我有一个layout.jade,posts.jade和single.jade(用于单个帖子显示),它扩展了posts.jade,它本身扩展了布局。玉。

单个详细帖子的single.jade模板不会从公用文件夹中获取我的css文件,即使我已将其指定为在服务器配置中使用。

结构:

  • /配置
  • /公共
  • - / CSS
  • - / style.css中
  • /路由
  • - / main.js(包含主页面请求的回调)
  • - / posts.js(包含帖子请求的回调)
  • /视图
  • - / layout.jade
  • - / posts.jade
  • - / all.jade(扩展posts.jade,扩展layout.jade)
  • - / single.jade(扩展posts.jade,扩展layout.jade)

server.js

以下是代码:

server.js

app.use(express.static(path.join(__dirname, 'public')));

// Routes
var main = require('./routes/main'),
    posts = require('./routes/posts'),
    postsRouter = express.Router();

app.use('/posts', postsRouter);

app.get('/', main.index);

postsRouter.get('/', posts.all);
postsRouter.get('/details/:id', posts.details);
postsRouter.post('/create/:uid', posts.create);
postsRouter.post('/destroy/:id', posts.remove);
postsRouter.post('/edit/:id', posts.edit);

posts.jade

extends ./layout.jade

block title
    title All posts

block content
    .row
        section#forum-posts.col-md-9
            .col-inner
                block primary

        aside#sidebar-right.col-md-3
            .col-inner
                block sidebar

all.jade     扩展./posts.jade

block title
    title All posts

block content
    .row
    section#forum-posts.col-md-9
        .col-inner
            block primary
                h1 All posts
                for post in posts
                    // list posts here...

      aside#sidebar-right.col-md-3
        .col-inner
            block sidebar
                h1 Hello from the Sidebar :)

single.jade

extends ./posts.jade

block title
    title Details for #{post.title}

block content
    .row
    section#forum-posts.col-md-9
        .col-inner
            // Single post data here...            

    aside#sidebar-right.col-md-3
        .col-inner

所以,当我导航到 / posts 时,它会毫无问题地获取all.jade - 一切正常。

这是问题:当我去 / posts / details / id 时,它会获取带有所有依赖项的single.jade模板(posts.jade,layout.jade),但它没有从我在layout.jade中指出的/ public文件夹(css / style.css,bootstrap.min.css)文件中获取资源,即使它扩展了它并且标记显示在页面上。

我不确定是否因为路由:(

感谢您可以与我分享的任何想法:)

提前致谢!

0 个答案:

没有答案