javascript - XML 格式错误 nunjucks 模板渲染

Question

在渲染扩展另一个模板的 nunjucks 模板时，出现以下控制台错误:

Erro no processamento de XML: formatação incorreta Posição: http://localhost/prj/js/templates/template.tpl?s=1517784777473 Número da linha 1, coluna 1:

这大致翻译为:

XML processing error: incorrect formatting Position: http://localhost/prj/js/templates/template.tpl?s=1517784777473 Line number  1, column 1:

(我无法直接在其英文原文中找到错误，这就是我翻译它的原因)

但模板已正确呈现。

我正在渲染的模板是这样的:

{% extends "base/header.tpl" %}
{% block main %}
<div id="container">
    <h1>Prj</h1>
    <div id='element'>
        whatever
    </div>
</div>
{% endblock %}

这是 header.tpl:

<div>
    <div id="header"></div>
    {% block main %}{% endblock %}
</div>

这是 nunjucks 配置:

nunjucks.configure('js/templates', { autoescape: true, trimBlocks: true, lstripBlocks: true });

这就是渲染的完成方式:

var renderization = nunjucks.render("main.tpl", {});
$("#root").append(renderization);

有人知道为什么我会收到此错误吗？

Answer 1

我认为这个错误是由浏览器产生的。当 nunjucks 从服务器请求下一个模板时，响应会被标记为 XML。浏览器尝试处理它并抛出错误(因为不是 XML)。您可以简单地检查它:打开浏览器控制台(F12)并转到网络选项卡。

对于 http 服务器端的 nunjucks 模板，您必须将 mime-type 设置为 text/html。