Как сделать рендеринг шаблона мопса внутри бессерверного приложения Webtask.io Node/Express?

Question

Я пытаюсь визуализировать очень простой шаблон Pug из маршрута в моем приложении Node сервера Webtask.io. Вот моя попытка:

'use latest';
import express from 'express';
import pug from 'pug'

const app = express();    
app.set('view engine', 'pug');
...

  app.get('/', (req, res) =>
  {
    var page = `
    #message
        h1 Hello World Foo
        h2 pug's in the house`;

    const HTML = pug.render(page);

    res.status(200).send(HTML)
  });

...
module.exports = fromExpress(app);

и вот ошибка, которую я получаю:

Error: Pug:2:1
    1|
  > 2|     #message
-------^
    3|         h1 Hello World Foo
    4|         h2 pug's in the house

unexpected token "indent"

Я зарегистрировал Pug в качестве движка просмотра для экспресс-приложения, однако похоже, что Pug не вызывается. Что мне не хватает? Как зарегистрировать Pug, чтобы он отображал шаблоны в приложении Webtask.io Node?

Я не смог найти никаких примеров, делающих это с Pug, однако я нашел пост, в котором говорилось, что это возможно. Этот пост рассказывает о компиляторе Webtask. Я не могу найти, как вы делаете Pug компилятором.

Я не замужем за мопсом. Есть ли лучший выбор для рендеринга динамического HTML из шаблонов, который будет работать с подходом Webtask? Я гуглил руль и не смог найти пример.

Спасибо за ваше время.

Answer 1

Мопс работает по стандарту отступа с двумя пробелами. Это определенно ошибка в формате pug, которую вы видите, поэтому она правильно подключена.

Попробуйте этот шаблон вместо:

#message
  h1 Hello World Foo
  h2 pug's in the house