Node.js -在Express中从Swig迁移到Nunjucks
Node.js是一个基于Chrome V8引擎的JavaScript运行时环境，用于构建高性能、可伸缩的网络应用程序。它允许开发人员使用JavaScript语言进行服务器端编程，实现前后端一致性开发。
Express是一个基于Node.js的Web应用框架，提供了简洁、灵活的API，用于构建Web应用和API。它是目前最流行的Node.js框架之一。
Swig和Nunjucks都是模板引擎，用于在服务器端生成动态HTML页面。它们都支持模板继承、变量替换、条件判断等功能，但在一些细节上有所不同。
如果要从Swig迁移到Nunjucks，可以按照以下步骤进行：
- 安装Nunjucks模块：
- 安装Nunjucks模块：
- 在Express应用中配置Nunjucks模板引擎：
- 在Express应用中配置Nunjucks模板引擎：
- 将Swig模板文件的后缀名改为.njk，并修改模板文件中的语法，使其符合Nunjucks的语法规范。
- 在Express路由中使用Nunjucks渲染模板：
- 在Express路由中使用Nunjucks渲染模板：
Node.js的优势在于其非阻塞的事件驱动模型，使得它能够处理大量并发请求，具有出色的性能表现。它还具有丰富的开源生态系统和活跃的社区支持。
Nunjucks相比于Swig，具有更加灵活和强大的模板语法，支持更多的扩展功能。它可以方便地与Express框架集成，提供更好的开发体验和更高的开发效率。
Node.js和Express在Web开发中有广泛的应用场景，包括但不限于：
- 构建RESTful API：Node.js和Express提供了简单、灵活的方式来构建和管理API，适用于构建各种类型的Web服务。
- 实时应用程序：由于Node.js的事件驱动模型和非阻塞I/O特性，它非常适合构建实时应用程序，如聊天应用、协作工具等。
- 单页应用程序：Node.js和Express可以与前端框架（如React、Angular、Vue.js）配合使用，构建高性能的单页应用程序。
- 微服务架构：Node.js和Express可以作为微服务架构中的一个组件，用于构建和管理各个微服务。
腾讯云提供了一系列与Node.js和Express相关的产品和服务，包括：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署Node.js和Express应用。
- 云数据库MySQL版（CDB）：提供高性能、可扩展的关系型数据库服务，适用于存储和管理应用程序的数据。
- 云函数（SCF）：提供无服务器的函数计算服务，用于编写和运行无需管理服务器的Node.js函数。
- 云监控（Cloud Monitor）：提供实时的监控和报警功能，帮助用户监控Node.js和Express应用的性能和可用性。
更多关于腾讯云相关产品的介绍和详细信息，请访问腾讯云官方网站：https://cloud.tencent.com/
相关·内容
我有一个Node.js应用。我开发这个应用已经有一段时间了，它目前使用Swig作为视图引擎。我使用以下代码将其设置为视图引擎：
// Use swig.
const swig = require('swig');
app.engine('html', swig.renderFile);
if (app.get('env') === 'development') {
swig.setDefaults({ cache: false });
}
app.set('views', path.join(__di
浏览 21提问于2016-09-12得票数 1
如果我报告了一个在论坛中经常被处理的问题，我很抱歉。我收到找不到模板的错误消息。 错误:找不到模板: D:\Development\src\nunjucks\pages\templates\text.njk 我在目录结构规范中做错了什么？有没有办法从像gulp这样的双节棍文件中生成html文件？大口大口地喝就行了。 这是node.js的脚本： const express = require('express');
const app = express();
const server = require('http').Server(app);
const n
浏览 50提问于2020-07-17得票数 0
我有一个包括Express的Node应用程序。到目前为止，我一直使用Swig作为我的视图引擎。我将视图引擎配置如下：
app.engine('html', swig.renderFile);
app.set('views', path.join(__dirname, '../views'));
app.set('view engine', 'html');
这种方法对我起了作用。但是，自从斯威格被人反对后，我想搬到Nunjucks去。为了做到这一点，我做了以下工作：
nunjucks.configure(&
浏览 0提问于2016-09-30得票数 1
回答已采纳
4回答
错误:需要回调函数
、、、、
我试图使用节点、express和mongodb将一个对象呈现为html。当我尝试下面的代码时
var express=require('express'),
app=express(),
engines = require('consolidate'),
nunjucks = require('nunjucks');
app.set('view engine', 'html');
app.engine('html', engines.nunjucks);
app.set('views&#
浏览 0提问于2016-07-31得票数 3
回答已采纳
我使用Node.JS和Nunjuck来制作我的模板。当我对.njk文件进行更改时，我必须停止Node.JS服务器并重新启动它，这样更改才能在我的浏览器上反映出来(本地主机:80)。
下面是我的app.js (服务器)的样子：
var app = require("express")(),
nunjucks = require('nunjucks'),
server = require("http").createServer(app),
io = require("socket.io").listen(server)
path =
浏览 1提问于2018-12-19得票数 0
答:我发现data不是传递给nunjucks模板的。我将{{data.title}}和{{data.sub}}替换为index.njk中的{{title}}和{{sub}}，现在我的模板呈现对象变量。谢谢antonmyrberg & petarr。
我试图将一个对象传递给我的nunjucks模板，该对象与res.render一起位于一个模块中，该模块将被导出到快速路由器。当我访问路由时，index.njk呈现但对象属性不显示。
app.js
// -- Create express application --
const express = require('express&
浏览 0提问于2018-02-28得票数 0
回答已采纳
我看到很多人都有和我一样的问题，但我找不到答案。
我使用的是Express 3.2.6，我想添加Socket.io。
服务器端:
/**
* Module dependencies.
*/
var express = require('express')
, routes = require('./routes')
, index = require('./routes/index')
, http = require('http')
, path = require('path')
, nu
浏览 3提问于2015-01-18得票数 0
回答已采纳
1回答
我有使用Node.js和SWIG模板引擎的动态html页面。我需要从我的SWIG模板调用函数从数据库中获得用户数据，以呈现页面内容。SWIG调用功能，但不等待数据库响应。那么，是否可以调用异步函数并将数据返回给swig模板？
我的SWIG模板: todos.html
<body>
{%set todos=getTodos()%}
{%for item in todos%}
<div>{{item.name}}</div>
<div>{{item.completed}}</div>
{%endfor%}
</body&g
浏览 22提问于2017-12-24得票数 1
回答已采纳
当我向用Coffeescript实现的node.js服务器发送请求时，我得到了一个node.js：
我已经安装了依赖项hogan.js、和express。
我几乎准确地复制了文档中的示例代码(如下所示)，所以我很难看出这个错误是从哪里来的，它看起来应该能工作。
来自
var express = require('express')
, cons = require('consolidate')
, app = express();
// assign the swig engine to .html files
app.engine('htm
浏览 2提问于2013-03-14得票数 0
回答已采纳
1回答
我已经在Node.js Exspress应用程序上安装了csurf包。令牌以req.csrfToken()设置的形式正确显示(看起来是正确的)，其中name="_csrf"和value等于某个散列值。但是我总是收到一个错误，说令牌是无效的。下面是我的一些代码：
var express = require('express')
var app = express()
var nunjucks = require('nunjucks')
var bodyParser = require('body-parser')
var sessi
浏览 0提问于2017-01-20得票数 2
我用的是Nunjucks和Express和node.js。我不明白为什么Nunjucks会将文本插入到不应该出现的DOM中。
示例：
模板/test.html：
<div></div>
test.html：
{% include "templates/test.html" %}
<div>
This is a test...
</div>
产生的源如预期的那样：
<div></div>
<div>
This is a test...
</div>
然而，它并没有像我所
浏览 2提问于2014-05-12得票数 3
回答已采纳
我试图使用nunjucks模板引擎与Expres。页面呈现正确，但控制台上出现错误。Error: No default engine was specified and no extension was provided.
来自文档
var app = express();
nunjucks.configure('views', {
autoescape: true,
express: app
});
app.get('/', function(req, res) {
res.render('index.html');
浏览 1提问于2019-03-24得票数 2
回答已采纳
1回答
我将nunjucks2与express和node一起使用，在将njk升级到2.4.2之后，我收到以下错误：
Template render error: (/home/aien/Web/Test/express/views/error.html)
Template render error: (/home/aien/Web/Test/express/views/layout.html) [Line 56, Column 20]
expected block end in block statement
at Object.exports.prettifyError (/home/ai
浏览 2提问于2016-05-17得票数 1
我正在尝试从中使用作为模板引擎。我这样做了：
var express = require('express');
var nunjucks = require('nunjucks');
var path = require('path');
var bodyParser = require('body-parser');
var load = require('express-load');
var fs = require("fs");
var app = express();
app.set(
浏览 1提问于2015-03-09得票数 9
1回答
我是一个使用撇号的新手。我读到撇号是作为后端、express和nunjucks模板构建在node.js上。我的问题是，我可以在不使用headless CMS的情况下使用react在撇号上创建我的自定义可重用组件吗？
或者，为了能够使用带撇号的react，必须使用Rest API (无头CMS)
有人能帮上忙吗？
浏览 0提问于2018-10-09得票数 0
我试着在文档后面添加一个带有双节棍的自定义过滤器。但是运行代码会显示输出-- Error: filter not found: my_filter_here 以下是我的配置： index.js const express = require('express');
const nunjucks = require('nunjucks');
const port = 3000;
const app = express();
nunjucks.configure('views', {
autoescape: true,
express:
浏览 25提问于2021-03-19得票数 0
回答已采纳
我是Node.js的新手。开始按照教程创建Node.js Express + React.js应用程序。
我用SSH (PUTTY)连接到我的服务器，并将端口3000转发到localhost:3000。但是，当我试图用浏览器连接到服务器时，它不会响应，浏览器只显示waiting for localhost消息。
我以前运行过express命令，他们的默认项目确实显示在我的浏览器上，所以这不是防火墙问题。
这是server.js
var express = require('express');
var path = require('path');
var lo
浏览 3提问于2015-10-23得票数 0
在node.js中，我的入口点段(app.js)在express会话建立之后调用另一个段。被调用的段在请求('req')对象中需要一个会话字段，但它不在那里。 这是完整的app.js： const express = require('express');
const path = require('path');
const nunjucks = require('nunjucks');
const helmet = require('helmet');
const csp = require('hel
浏览 25提问于2020-10-28得票数 0
回答已采纳
2回答
在Express-based应用程序中，我运行一个异步函数从数据库中获取图像源并将它们呈现到Nunjucks视图引擎中
Nunjucks在DOM中呈现以下内容
<img src="[object Promise]">
我已经有了和web: { async: true }，也是这样
// controller.js (KeystoneJS app)
view.render('index', function (err, res) {
console.log('err at index render', err); // unde
浏览 0提问于2018-04-13得票数 1
回答已采纳
我正在编写一个Node.js web应用程序，它使用Express作为框架，Nunjucks作为模板引擎。
应用程序的一部分是以电子邮件的形式发送表单数据。在处理过程中编译包含表单数据的Nunjucks模板，然后将其发送到电子邮件服务器。
表单数据是一个JSON对象(req.body)，但是由于一些奇怪的原因，我需要提交如下表单数据：
const renderer = nunjucks.configure('/path/to/template');
renderer.render('template.html', JSON.parse(JSON.stringi
浏览 5提问于2016-08-11得票数 3
回答已采纳
Nunjucks与Node的结合
试图为下面的问题找到一个优雅的解决方案。使用这样的目录树sorda：app_dir --app.js --public ----stylesheets ------mystyles.css --views ----page.html ----templates ------page_template.html
在我的公共目录app.use(express.static(path.join(__dirname, 'public')));中有像CSS这样的静态文件
将Nunjucks的根目录配置为视图nunjucks.configure(&
浏览 2提问于2016-07-24得票数 0
回答已采纳
当我从node.js预编译并公开JS模板文件时，我能够为nunjucks使用客户端模板。我将客户端模板称为如下所示：
nunjucks.render('partials/some-template.html', { abc: 123 })
把绳子拿回来。
我如何调用宏，因为我已经尝试了，但这是错误的。宏首先根据node.js在页面上声明，然后调用连续次数，例如在Node.js中：
{% include 'macros/checkbox.html' %}
...
{{ checkbox('you cool?', 'cool', fa
浏览 2提问于2014-10-18得票数 6
回答已采纳
1回答
我试图在我的主目录C:\Users \THIAGOSAAD\Documents\DEVELOPMENT\NEORIS\ALIANSCE\aliansce-app-analyticals-panel中运行纱线C:\Users \THIAGOSAAD\Documents\DEVELOPMENT\NEORIS\ALIANSCE\aliansce-app-analyticals-panel命令
但是，当这样做时，它开始在我的"process.env.DATABASE_URL“中出现错误，好像它不认识我的"dotenv”，即"environment“文件夹中的”environme
浏览 0提问于2018-12-27得票数 0
2回答
我的文件夹结构如下：
/app
|-routes.js
/public
|-index.html
server.js
Server.js看起来是这样的：
var nunjucks = require('nunjucks');
var express = require('express');
var app = express();
nunjucks.configure('public', { autoescape: true, express: app });
var port = proces
浏览 0提问于2014-11-06得票数 4
回答已采纳
1回答
对于node.js，我尝试使用Koa.js而不是express。
在express中，我们使用render函数来获取html页面。
我尝试使用以下代码从Koa.js访问angular html页面：
app.use(async function (ctx, next) {
return send(ctx, 'views/index.html', { root: ''
})
.then(() => next()) })
但是上面的代码显示了没有样式的索引页，并且不呈现ng-view数据。
另外，我尝试添加共同视图，如下所示
var views = req
浏览 0提问于2017-10-25得票数 1
可能永远不会在任何实际开发中使用node.js或Nunjucks，但出于某种原因，现在需要：
用Nunjucks预编译一些简单的模板到javascript
在node.js下运行预编译模板
我所做的是：
安装了node.js和npm (例如有node和npm命令)
mkdir njtest && cd njtest
用npm install nunjucks安装nunjucks (获得一个node_modules/nunjucks目录)
mkdir templates
在模板中，我创建了两个文件index.html和layout.html，它
浏览 4提问于2015-06-22得票数 17
回答已采纳
2回答
我已经用express设置了一个node.js服务器，并且我正在渲染一个包含jsx代码的html页面。一切正常，除了我不知道如何在html文件中导入其他jsx组件以在我的主脚本中使用它们。
我试过像这样的东西
<script type="text/babel" src="./Modulo.jsx" />
但是我得到了一个错误GET http://localhost:5000/Modulo.jsx
下面是我的Modulo.jsx的内容
var Modulo = React.createClass({
render: function()
浏览 0提问于2016-08-26得票数 2
我正在尝试使用Nunjucks Markdown在文件中呈现markdown，但是当我试图呈现该文件时，我得到了一个块标签错误。
我确信我没有注册块标记，但是我不确定该怎么做，因为我对express和Nunjucks的渲染还不熟悉。
// index.js
const nunjucks = require("nunjucks");
const markdown = require('nunjucks-markdown');
const marked = require('marked');
exports.testmarkdown = asyn
浏览 42提问于2020-02-27得票数 0
回答已采纳
我不知道为什么我会得到这个错误：
这是我的代码
/*
Chat application for @node.js
express version.
*/
//Load modules.
var express = require('express'),
socket = require('socket.io'),
swig = require('swig'),
fs = require('fs');
//Load config.
console.log('Loading configu
浏览 2提问于2014-04-18得票数 0
1回答
我是node的新手，经过几周的练习，我发现了express框架，我开始使用它，因为它处理我需要的工具更容易，但有一些我不能理解的东西，这与如何在没有express的情况下制作应用程序有很大的不同。我不太理解express api (有点混乱)。我正在尝试使请求url在特定的url (./views)中找到。因此，当请求logi时，当url为(hostname/login)时，它将执行(./views/login.html)，如果它包含文件夹，依此类推。这是我的代码
/*
Chat application for @node.js
express version.
*/
//Load modu
浏览 4提问于2014-04-17得票数 1
我正在用我的express应用程序设置双节棍模板，下面是我的项目目录结构
. nunjucks-project
|__ api
|__ node_modules
|__ views
|__ templates
|__ layouts
|__ default.html
|__ pages
|__ home.html
|__ partials
|__ header.html
|__ footer.html
这是我的app.js：
/**
浏览 0提问于2016-11-09得票数 0
1回答
我已经将swig作为模板引擎添加到我的KeystoneJS项目中，但是它不会加载我的模板。我已将以下内容添加到我的keystone.js文件中：
// Require keystone
var keystone = require('keystone');
var swig = require('swig');
// Initialise Keystone with your project's configuration.
// See http://keystonejs.com/guide/config for available options
浏览 13提问于2014-07-03得票数 1
回答已采纳
有没有一种方法可以从nunjucks模板中要求一个node.js库？
类似于以下几点：
{% set strftime = require('strftime') %}
浏览 3提问于2017-10-07得票数 0
回答已采纳
好吧，我对mongodb，node.js了解很少，对angular.js了解很少。在某种程度上，我受到了打击，所以我故意需要帮助。我知道node.js代码，但不明白如何通过angular.js检索它。请编写如何从这个给定的node.js代码获取数据的angular.js代码。如果我的node.js代码中有任何错误，请通知我。
var express = require('express');
app = express(); // Web framework to handle routing requests
cons = require('consolidate&#
浏览 0提问于2015-07-29得票数 1
什么以及为什么
我想要下面的一些背景。首先，我想创建一个网站和一个内容管理系统。我想把我的路线分成两个模块(网站和CMS)，因为我发现它代码更干净，更易于维护。在我的app.js/server.js文件中，我想用一行代码“routeWebsitePages.initialize()”初始化这些路由。
我做了以下几点：
server.js
var express = require('express');
var nunjucks = require('nunjucks');
var routesWebsitePages = require('./rout
浏览 2提问于2016-07-14得票数 0
这是我的代码：
const express = require('express');
var app = express();
const nunjucks = require('nunjucks');
nunjucks.configure('templates', {
autoescape: true,
express: app
});
let host = '127.0.3.1';
let port = '9233';
let myName = '[RETACTED]';
浏览 0提问于2021-04-02得票数 1
回答已采纳
我目前正在学习用Lisp语言包装C++代码，这样我就可以在Lisp语言中调用C++函数了。我正在学习SWIG，我想更多地了解SWIG的Allegro Common Lisp部分。我现在使用的是Allegro的Express(免费)添加，它有一个类似50mb的堆限制，所以它阻止了我加载GNU Scientific for Lisp，GSLL。
我想做一个巨大的应用程序，它将使用来自GSLL的代码，我用SWIG为OpenCV创建的Lisp包装器，以及我用SWIG创建的C++代码的其他Lisp包装器，我想能够使用Lisp和SWIG的Allegro Common Lisp C++支持的所有OpenCV
浏览 5提问于2013-07-29得票数 3
我正在将我的apache站点(在bluehost上)移到node.js (在heroku上)的过程中，我注意到它的运行速度相当慢。我想知道这是不是缓存问题，或者我可能做错了什么。
这是heroku上的网站：
这是bluehost上的网站：
如果您注意到，页面在加载过程中有时会在导航站点时闪烁为白色(这就是为什么我认为这可能是一个缓存问题)。我已经为以下内容设置了快速配置：
app.enable('view cache');
似乎什么都改变不了。有谁有什么想法吗？
这是我的应用程序配置
app.configure(function(){
app.set('conf
浏览 0提问于2013-03-31得票数 2
回答已采纳
我正在express app.js文件中初始化app.js，并在同一个文件中注册一个自定义addfilter函数。
// get needed packages
const nunjucks = require('nunjucks');
// config view engine
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'html');
// set variable
const env = nu
浏览 1提问于2018-01-18得票数 3
回答已采纳
1回答
我在这里读过很多关于chokidar的问题和答案，但是我仍然很困惑.所以非常感谢任何能够调试我的代码片段的人。
我正在本地主机运行一个基本的Express节点应用程序:3000。
入口点是app.js：
const express = require('express');
const path = require('path');
const favicon = require('serve-favicon');
const logger = require('morgan');
const cookieParser = req
浏览 5提问于2017-05-13得票数 2
回答已采纳
当我被困在这里时，我正试图从Jade切换到Swig (被Swig的疯狂性能所吸引)作为我的Express模板引擎-我将一个序列化的JSON数组从Express发送到Swig，并使用下面的循环检索Swig中的数据：
<ul id = "list">
{% if items %}
{% for item in items %}
{{ JSON.parse( item ).title }}
{% endfor %}
{% endif %}
</ul>
..。但我得到的是：
SyntaxEr
浏览 0提问于2012-05-20得票数 2
4回答
我无法将Swig模板与Express for Node一起使用。我得到以下错误：
Error: Failed to lookup view "index" in views directory
Swig模板没有编译成.html文件
我的代码如下：
var express = require('express');
var cons = require('consolidate');
var swig = require('swig');
var app = express();
//Set template engine
app
浏览 0提问于2015-03-23得票数 4
我有点卡住了，想知道是否有人能帮帮我。
我有一个快速应用程序，我想将全局变量添加到nunjucks呈现引擎中。
我在这里知道nunjucks addGlobal ()方法文档，但不知道如何将环境绑定到当前的配置块中。由于它似乎没有发挥作用，我认为这与我的设置有关。
下面是配置设置的内容：
const viewFolders = [
path.join(__dirname, '..', 'views')
];
// *** view engine *** //
nunjucks.configure(viewFolders, {
express: app,
浏览 7提问于2018-01-16得票数 0
回答已采纳
我开发了一个web应用程序，后端使用Node.js，前端使用HTML/CSS/JS。我正在尝试使用Express框架构建一个单一页面应用程序。
我只想用Node.js或JavaScript构建一个页面应用程序，我知道对于响应，我们可以调用类似res.render('contact')的东西，但这在我的情况下是行不通的，因为我不想动态地更改页面，我不想要任何额外的框架，比如React，角，.
在我的index.html页面上，有一个菜单，它的每个元素都包含一个hyperLink。例如，当单击索引页面中的contact 时，我希望在同一页上动态显示带有forms...ect的联系人
浏览 1提问于2018-02-04得票数 1
1回答
我现在正在学习Node.JS，我正在阅读的教程使用了Express和Swig以及合并。但我不明白我为什么要用合并。它的目的是什么？
很抱歉，如果这个问题听起来很广泛，但我不明白关于合并存储库的解释(可能是因为我的英语不流利)。
浏览 0提问于2014-06-23得票数 1
回答已采纳
我有一些使用express框架的Node.js项目，我正在迁移到Node.js，所以我必须将一些项目导入到eclipse.Can中。有人能建议如何将express项目导入node eclipse吗？
浏览 3提问于2013-07-08得票数 1
1回答
Nunjucks拥有越来越强大的。如果我包含了完整的双节棍，我可以在呈现模板之前调用nunjucks.installJinjaCompat()来使用它(参见下面的代码片段)：
nunjucks.installJinjaCompat();
var res = nunjucks.renderString(
'{% for i in list[0:2] %}' +
' count: {{ i }}' +
'{% endfor %}',
{list: [1, 2, 3, 4]}
);
document.write(res);
<
浏览 10提问于2017-06-28得票数 1
回答已采纳
2回答
我一直试图用POST方法以一种形式获取数据，但是我没有得到任何数据，我一直在读一本关于高速公路的书。这是我的表格：
<form method="post">
<div class="form-group">
<label for="usernameInput" class="col-md-2">Username</label>
<div class="col-md-12">
<input
浏览 2提问于2014-04-24得票数 0
回答已采纳
我正在设法使我的过滤器工作在两边。
下面是我在节点上的代码：
var env = nunjucks.configure(__dirname + '/../templates', {
express: app
});
env.addFilter('date', function(str){
return 'ok';
});
在浏览器端：
var env = new nunjucks.Environment();
env.addFilter('date', function(str){
return '
浏览 2提问于2014-08-17得票数 1
回答已采纳
我正在尝试使用Mongo-Express来查找我的mongoDB，在我进入user并通过后，我得到了错误-> Cannot /
var express = require('express')
, routes = require('./routes')
, http = require('http');
var _ = require('underscore');
var async = require('async');
var utils = require('./utils&
浏览 1提问于2015-09-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
