Javascript XML格式错误NUNJUCK模板呈现

渲染扩展另一个的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 %}

这就是渲染的方式：

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

---

有人知道我为什么会出现这个错误吗？

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

对于http服务器端的nunjucks模板，必须将mime类型设置为

text/html

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

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