如何在 express 4 中禁用翡翠/模板引擎

Question

我是 express 新手，我想探索 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

Answer 1

上面的答案中缺少一件事。

表达对render 电话的投诉，所以您需要做的就是：

1. 按照您正确的方式评论视图（也如提到的Gerard Simpson）
2. 替换所有render 调用：

来自

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

到

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

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')));

这告诉您的快速服务器查看您的 ./public 目录以提供静态文件。

如果您添加 ./public/index.html，您将能够将其作为静态文件提供。

希望对你有帮助

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

Answer 4

使用下面的直接发送html文件

 res.sendFile('path/toFile')

您还可以查看api reference 了解有关该方法的详细信息。

thread 还提到了一些替代方案，例如让 express 将您的 html 作为静态文件提供服务。

Answer 5

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

您需要更改 @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');
});