Question

我正在尝试与the MEAN stack一起学习Swig templates。我从头开始编码，因为我尝试了一个MEAN框架但它生成了很多文件，这对我来说太开始了。

目前我的Swig模板index.html不呈现HTML。这是我得到的输出：

{% include 'header.html' %} 
<br>Welcome to my test website

我期待跟随

This is coming from Header
<br>Welcome to my test website

为什么不渲染？

以下是我的文件夹结构：

--config
 -config.js
--node_modules
 -* //modules installed via npm link
--public
 -header.html
 -index.html
-package.json
-routes.js
-server.js

以下是每个文件的内容

config.js

var port = process.env.PORT || 8080;

module.exports = {
    dburl: 'mongodb://localhost/test',
    port: port,
    templateEngine: 'swig'
}

header.html中

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<p> This is coming from Header</p>

的index.html

{% include 'header.html' %}
<p>Welcome to my test website</p>
</body>

的package.json

{
    "name": "test",
    "version": "0.0.1",
    "author": "Rukmaj Chandavar",
    "dependencies": {
        "express": "*",
        "mongoose": "*",
        "angular": "*",
        "swig": "*",
        "consolidate": "*"
    }
}

routes.js

module.exports = function(app){
    app.get('*',function(req, res){
        res.send('index.html');
    });
}

server.js

var express = require("express");
var app = express();
var mongoose = require("mongoose");
var config = require('./config/config');
var swig = require('swig');
var cons = require('consolidate');

mongoose.connect(config.dburl);

app.use(express.static(__dirname + '/public'));

app.set('views', __dirname + '/public');
app.engine('html', cons.swig);
app.set('view engine', 'html');


require('./routes') (app);

app.listen(config.port);
console.log('MeriDawat running on port ' + config.port)

以下是已安装节点模块的版本号

angular@1.2.18
consolidate@0.10.0
express@4.4.3
mongoose@3.8.12
passport@0.2.0
swig@1.3.2

我很感激帮助我前进的任何帮助。提前谢谢。

Answer 1

我认为这是违规行，在routes.js：

res.send('index.html');

res.send()只是在HTTP响应中发回文件的内容。

要渲染模板并将渲染结果发回，您需要res.render()代替：

res.render('index.html')

为什么我的swig模板无法在我的MEAN Web应用程序中呈现？

1 个答案: