Question

我已经阅读了两篇关于我的问题的帖子：

    http://stackoverflow.com/questions/4529586/render-basic-html-view-in-node-js-express
http://stackoverflow.com/questions/12046421/how-to-configure-express-js-jade-to-process-html-files

我的代码如下：

app.engine('.html', require('jade').__express);
app.set('views', __dirname + '/app/views');
app.set('view engine', 'html');

很明显，由于某种原因，它试图读取索引，好像它仍然是一个玉文件，因此我得到错误。我相信我配置它是正确的服务器.html文件。这里有什么问题？我迷路了...

我试图重新排序这些行，但仍然是同样的错误。

但出于某种原因我收到了这个错误：

Error: ....\views\index.html:4
    2| <html lang="en" ng-app="squashApp">
    3| <head>
  > 4|   <meta charset="utf-8">
    5|   <title>Squash Organizer</title>
    6|   <link rel="stylesheet" href="css/app.css"/>
    7|   <link rel="stylesheet" href="css/bootstrap.css"/>

unexpected token "indent"
    at Object.Parser.parseExpr (C:\Users\workspace\squash\node_modules\jade\lib\parser.js:241:15)
    at Object.Parser.parse (C:\Users\workspace\squash\node_modules\jade\lib\parser.js:133:25)
    at parse (C:\Users\workspace\squash\node_modules\jade\lib\jade.js:93:62)
    at Object.exports.compile (C:\Users\workspace\squash\node_modules\jade\lib\jade.js:156:9)
    at Object.exports.render (C:\Users\workspace\squash\node_modules\jade\lib\jade.js:210:15)
    at Object.exports.renderFile (C:\Users\workspace\squash\node_modules\jade\lib\jade.js:247:18)
    at View.exports.renderFile [as engine] (C:\Users\workspace\squash\node_modules\jade\lib\jade.js:232:21)
    at View.render (C:\Users\workspace\squash\node_modules\express\lib\view.js:76:8)
    at Function.app.render (C:\Users\workspace\squash\node_modules\express\lib\application.js:505:10)
    at ServerResponse.res.render (C:\Users\workspace\squash\node_modules\express\lib\response.js:756:7)

感谢。

Answer 1

这一行：

app.engine('.html', require('jade').__express);

你告诉express使用jade渲染以.html结尾的模板。

有了这个：

app.set('view engine', 'html');

你告诉明确表示它应该将没有扩展名的模板名称解释为以html结尾的模板名称。

所以我的猜测是你试图渲染'index'，快递将其解释为index.html，然后按照指示传递给玉。

最好将jade映射到它自己的扩展（.jade是一个明显的候选者）。并使用它的全名呈现您的index.html。

将consolidate.js添加到您的项目中：
```
var engines = require('consolidate');
```

告诉jade渲染以.jade结尾的内容。

app.engine('jade', require('jade').__express);

为以.html结尾的内容注册简单的html渲染器：

app.engine('html', function(str, options) {
   return function(locals) {
       return str;
   };
});

告诉express将没有扩展名的模板呈现为jade：
```
app.set('view engine', 'jade');
```

使用它来渲染索引：

res.render('index.html');

和此：

res.render('view-name-without-extension');

渲染玉石模板。

Answer 2

默认快递采用Jade模板引擎。你的app.js应该是这样的。

/**
 * Module dependencies.
 */

var express = require('express')
  , routes = require('./routes')
  , 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'); // <<<---- CHANGES FROM EJS TO JADE !!!
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')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

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

尝试使用jade渲染html文件，但它仍然将其作为玉石进行处理

2 个答案: