我一直在努力将基本的基于Express的应用程序移植到Meteor。优秀的帖子Is there an easy way to convert an express app to meteor?是一个很好的开始,使用服务器功能将Meteor期望的铁路由器路由包裹到Express喜欢的req / res中。
然而,我遇到了一个我坚持的错误。我无法让Meteor将res.render对象传递给我的车把模板引擎。
例如:
main.js
app.get('/complex', function(req, res){
var data = {
name: 'Gorilla',
address: {
streetName: 'Broadway',
streetNumber: '721',
floor: 4,
addressType: {
typeName: 'residential'
}
}
};
res.render('complex', data);
});
当通过铁路由器调用/ complex路由时,它被路由到下面的函数res.render
/** create an sync version for meteor */
waiter = function(foo, req, res) {
var waiter_aux = Meteor._wrapAsync(function(foo, req, res, callback) {
res.set = function(header, value) {
res.setHeader(header, value);
};
res.send = function(codeorhtml, html) {
if (html) {
// two arguments provided, treat as described
res.statusCode = codeorhtml;
} else {
// no code, just html
html = codeorhtml;
}
callback(null, html);
};
res.render = function(name, data, callback) {
callback = callback || function(err, html) {
res.send(html);
};
console.log(name); // complex
console.log(data); // Gorilla...
var html = Handlebars.templates[name](data); // THIS ERRORS OUT
html = JSON.stringify(name) + " " + JSON.stringify(data) // WORKS
callback(null, html);
};
...
在上面的消息中,编译器错误地说Handlebars是未定义的。
W20140828-22:47:49.439(-7)? (STDERR) TypeError: Cannot call method 'complex' of undefined
W20140828-22:47:49.439(-7)? (STDERR) at ServerResponse.res.render (app/server/myapp.js:57:50)
W20140828-22:47:49.440(-7)? (STDERR) at app/server/myapp.js:298:25
我使用NPM的把手包来构建预编译的模板(例如下面的例子),但是我没有运气让它正常工作
(function() {
var template = Handlebars.template, templates = Handlebars.templates = Handlebars.templates || {};
templates['complex'] = template({"compiler":[6,">= 2.0.0-beta.1"],"main":function(depth0,helpers,partials,data) {
var helper, functionType="function", helperMissing=helpers.helperMissing, escapeExpression=this.escapeExpression;
return "\n<p>\nThe data that was passed to `res.render` is:\n<code>var data = {name: 'Gorilla'};</code>\n</p>\n\n<p>\nWe can display the value of <em>name</em> using <code>{{name}}</code>, which results in: <b>"
+ escapeExpression(((helper = (helper = helpers.name || (depth0 != null ? depth0.name : depth0)) != null ? helper : helperMissing),(typeof helper === functionType ? helper.call(depth0, {"name":"name","hash":{},"data":data}) : helper)))
+ "</b>.\n</p>\n";
},"useData":true});
})();
即使是最简单的定义本地模板的途径
query_string = "<code>var data = {name: 'Gorilla'};</code><p>{{data}}</p>"
template = Handlebars.compile(query_string)
导致错误:
W20140828-21:51:47.126(-7)? (STDERR) TypeError: Object function exphbs(config) {
W20140828-21:51:47.128(-7)? (STDERR) return exphbs.create(config).engine;
W20140828-21:51:47.129(-7)? (STDERR) } has no method 'compile'
有关如何将JSON文档对象成功传递到Handlebars以在Meteor / Express中进行渲染的任何建议或示例将非常感激。理想情况下,为了简单起见,我想使用实时部分而不是预编译代码。感谢!!!
答案 0 :(得分:1)
如果它是一个基本的应用程序我建议重新开始,重复使用你可以的东西。通过为项目创建异步包装器,您将增加许多复杂性。
答案 1 :(得分:0)
为了让我之前的答案有效,您现在需要添加handlebars-server:
meteor add cmather:handlebars-server