如何用Express/PUG动态渲染异步函数输出?

2022-03-13 00:00:00 asynchronous node.js express javascript pug

我想动态显示使用此异步函数获得的变量:

    async function makeGetRequest() {
      res = await axios.get(url);
      xml2js.parseString(res.data, function (err, file) {
      return file.item[0].title; });
}

makeGetRequest().then(console.log);


**OUTPUT: TITLE:[object Promise]**

不是像上面的代码片断那样记录该值,我希望将该值传递给Express呈现器,以便在页面上动态呈现该值:

app.get('/dynamic', function(req, res){
    res.render('dynamic', {
       title: title_value_here;
    });
 });

有人能演示一下如何实现这一点吗?

我尝试将异步输出存储在变量中,然后将其传递给渲染器,但得到以下结果:

let out= await makeGetRequest();
console.log(author);
SyntaxError: await is only valid in async functions and the top level bodies of modules

解决方案

目前PUG语言不支持异步/等待。这意味着您必须等待结果并传递给此答案所建议的模板:https://stackoverflow.com/a/68302690/10343551

这里有一个关于将异步添加到PUG语言的(一段时间前)标记为已关闭的问题。其中一位贡献者谈到帕格斯设计是同步的:https://github.com/pugjs/pug/issues/2206#issuecomment-169881732

据我所知(截至2021年12月)还没有添加异步。这意味着您不能在模板内部等待,而必须在呈现模板并传递它之前执行此操作。

相关文章