[英]How to set path to partials in Node.js with Express, Handlebars and Conslidate
我有一个工作的Node.js站点,使用Express.js,Handlebars.js和Consolidate.js。 我想对我的模板的常见部分使用partials,但无法弄清楚如何使它们适用于不同URL的页面。
我的/views/
目录包含这个:
_footer.html
_header.html
article.html
index.html
我的Node应用程序的相关部分类似于:
var express = require('express'),
consolidate = require('consolidate'),
handlebars = require('handlebars'),
path = require('path');
var app = express();
app.engine('html', consolidate.handlebars);
app.set('view engine', 'html');
app.set('views', path.join(__dirname, '/views'));
var partials = {header: '_header', footer: '_footer'};
app.get('/', function(req, res) {
res.render('index', {partials: partials});
};
app.get(/^\/([\w-]+)\/$/, function(req, res) {
res.render('article', {partials: partials});
};
在我的index.html
和article.html
Handlebars模板中,我有类似的东西:
{{> header}}
<!-- page content here -->
{{> footer }}
我应该能够访问/
(当呈现index.html
时)和/foo/
(当呈现article.html
时)。 但它只适用于我在启动Node服务器后首先尝试访问的任何一个。 当我然后导航到另一条路径时,我得到的错误如下:
Error: ENOENT, no such file or directory '/Users/phil/Projects/projectname/views/<!DOCTYPE html>...
其余的_header.html
部分跟随。
我假设我需要以某种方式设置我的部分路径是绝对的,但我不知道如何做到这一点。
对于合并检查: https : //github.com/tj/consolidate.js/issues/18
我建议切换到更具体的东西,如https://github.com/donpark/hbs它会更简单。
我有同样的问题。 似乎合并正在重用你传递的“部分”对象 ,用文件内容替换值(哎呀!)。 解决方法是每次都创建一个新的“部分”对象。 如果您不想每次都重写整个对象,则可以使用返回对象文字的函数。 在你的情况下,类似下面的东西应该工作:
var express = require('express'),
consolidate = require('consolidate'),
handlebars = require('handlebars'),
path = require('path');
var app = express();
app.engine('html', consolidate.handlebars);
app.set('view engine', 'html');
app.set('views', path.join(__dirname, '/views'));
var partials = function() {
return {header: '_header', footer: '_footer'};
}
app.get('/', function(req, res) {
res.render('index', {partials: partials()});
};
app.get(/^\/([\w-]+)\/$/, function(req, res) {
res.render('article', {partials: partials()});
};
不是很优雅,但我认为没有办法让它变得更简单。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.