如何在Express应用中设置Jade的basedir选项?("basedir"选项是使用"绝对"路径的"extends"所必需的)

17

我正在观看Peepcode的Node.js视频,并在当前的Express/Node版本上重新创建该应用程序时遇到了一个小问题。

文件结构

site
 - apps
 - - authentication
 - - - views
 - - - - login.jade
 - - - routes.js
 - node_modules
 - public
 - - images
 - - javascripts
 - - stylesheets
 - routes
 - views
 app.js

login.jade:

extends /views/layout
block content
  form(action='/sessions', method='post')
    label
      | Username
      input(type='text', name='user')
    label
      | Password
      input(type='password', name='password')
    input(type='submit', name='submit')

app.js

var express = require('express')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.set('view options', { basedir: process.env.__dirname})
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

require('./apps/authentication/routes')(app)

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

当我导航到localhost:3000/login时,我收到以下错误:

Error: /Users/bob/code/site/apps/authentication/views/login.jade:1 
  > 1| extends /views/layout 
    2| block content
    3| form(action='/sessions', method='post')
    4| label

the "basedir" option is required to use "extends" with "absolute" paths

我可以将extends行更新为:extends ../../../views/layout并使其工作,但我更愿意知道如何设置basedir选项。

2个回答

26

你可以使用这个:

app.locals.basedir = '/your/base/directory';

或者,使用较新的Express方法,

app.locals.basedir = path.join(__dirname, 'views');

1
很奇怪,这对我解决了问题(jade@0.30.0express@3.2.4)。另一种方法是在render的参数中传递basedir参数:res.render('templatename',{basedir:'/your/base/directory',...})。这对我也有效(最小演示的Gist)。 - robertklep
没关系,一切正常。我做了一个愚蠢的假设,认为process.env.__dirname是应用程序启动时的当前根目录,但实际上不是这样的。现在我正在使用app.locals.basedir = process.env.PWD,效果非常好。谢谢! - sclarson
1
@jackyalcine 请查看我提到的要点(这里是链接:link - robertklep
谢谢!花了一些时间才弄明白。 - jackyalcine
为什么这不是默认设置? - Evan Carroll

11
在Express中,您会注意到有一个,
app.set('views', path.join(__dirname, 'views'));

您只需要将这行代码放入其中,

app.locals.basedir = app.get('views');

这使得basedir对jade.js可用,因此它可以解析绝对路径。


1
有没有不使用 locals 的方法来实现这个? - Daksh

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接