如何在Express 4中禁用Jade/模板引擎

Question

我是新手，想要探索Express的工作原理。

我正在使用最新版本的express 4 (4.8.1)

我不想使用任何模板引擎。我想手动提供我的HTML内容。

我该怎么做呢？ 我在StackOverflow上搜索了一些问题，并找到了一个解决方案。 我只需要注释掉以下几行代码即可。

// view engine setup
//app.set('views', path.join(__dirname, 'views'));
//app.set('view engine', 'jade');

但是当我这样做时，当我从浏览器中访问我的服务器时，会出现以下错误。

Error: No default engine was specified and no extension was provided.
   at new View (/Users/adi/Desktop/srserver/node_modules/express/lib/view.js:41:42)
   at Function.app.render (/Users/adi/Desktop/srserver/node_modules/express/lib/application.js:499:12)
   at ServerResponse.res.render (/Users/adi/Desktop/srserver/node_modules/express/lib/response.js:955:7)
   at module.exports (/Users/adi/Desktop/srserver/app.js:50:9)
   at Layer.handle_error (/Users/adi/Desktop/srserver/node_modules/express/lib/router/layer.js:52:5)
   at trim_prefix (/Users/adi/Desktop/srserver/node_modules/express/lib/router/index.js:261:13)
   at /Users/adi/Desktop/srserver/node_modules/express/lib/router/index.js:230:9
   at Function.proto.process_params (/Users/adi/Desktop/srserver/node_modules/express/lib/router/index.js:305:12)
   at /Users/adi/Desktop/srserver/node_modules/express/lib/router/index.js:221:12
   at Function.match_layer (/Users/adi/Desktop/srserver/node_modules/express/lib/router/index.js:288:3)

以下是完整的代码（app.js）：

var express = require('express');
var path = require('path');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');

var routes = require('./routes/index');
var users = require('./routes/users');

var app = express();

// view engine setup
//app.set('views', path.join(__dirname, 'views'));
//app.set('view engine', 'jade');

app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended:true}));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', routes);
app.use('/users', users);

/// catch 404 and forward to error handler
app.use(function(req, res, next) {
    var err = new Error('Not Found');
    err.status = 404;
    next(err);
});

/// error handlers

// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
    app.use(function(err, req, res, next) {
        res.status(err.status || 500);
        res.render('error', {
            message: err.message,
            error: err
        });
    });
}

// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
    res.status(err.status || 500);
    res.render('error', {
        message: err.message,
        error: {}
    });
});

module.exports = app;

app.listen(3000,function(){
    console.log("Listening on #3000");
});

app.get("/",function(req,res){
    response.writeHead(200, {'Content-Type': 'text/plain'});
    response.write('Simple Simple Fun')
    response.end();
});

同时，我已从package.json中移除了jade。

- user3844244

---

可能是在Node JS Express中呈现基本的HTML视图？的重复问题。 - Ben Fortune

这个问题在这里得到了回答：https://dev59.com/NWMm5IYBdhLWcg3wDrpR - Firmino Changani

Answer 1

以上答案中还缺少一件事。

对于render调用进行投诉，所以你需要做的只是：

1. 像你正确地评论视图一样（正如Gerard Simpson提到的那样）。
2. 替换所有render调用：

从

res.render('error', {
        message: err.message,
        error: err
    });

需要翻译的内容：

to

res.status(500).json({
        message: err.message,
        error: err
    });

- Kfir Erez

Answer 2

注释掉这段代码是正确的：

// view engine setup
//app.set('views', path.join(__dirname, 'views'));
//app.set('view engine', 'jade');

您出现这个错误的原因是，您没有在./public目录中提供带有文件名扩展名的文件。该错误还有第二个部分，其内容为：

未提供扩展名

您的Express 4服务器仅需添加以下代码即可提供静态HTML文件：

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

这段代码告诉你的 Express 服务器在 ./public 目录中查找静态文件并提供服务。

如果你添加了 ./public/index.html 文件，它也可以作为静态文件被提供。

希望这能帮到你。

- Gerard Simpson

Answer 3

你有两个选择：

1. 使用模板引擎Jade、ejs等，并使用res.render渲染模板。
2. 仅使用静态文件和API调用，然后只需调用API并使用从服务器返回的JSON在客户端上呈现视图。 res.send({users: [{id:1, name: 'adi'},{id:2, name: 'dave'}]});

如果你想要将express用于像Apache或nginx之类的东西，我认为你应该使用https://github.com/yeoman/generator-webapp。

- Doron Segal

Answer 4

我知道这是一个老问题，但我遇到了一些错误。

你需要更改@Kfir Erez所说的内容，并且还需要更改routes/index.js中的响应：

router.get('/', function(req, res, next) {
   res.render('index', { title: 'Express' });
});

转换成类似于：

router.get('/', function(req, res, next) {
   res.send('index');
});

- Ruben Costa

Answer 5

使用以下代码直接发送HTML文件：

 res.sendFile('path/toFile')

你也可以查看API参考以获取有关该方法的详细信息。

这个线程还提到了一些替代方案，比如让Express将你的HTML作为静态文件进行服务。

- Tomas Longo