Javascript 意外的标记名"；“关闭”；

我不断收到以下代码位的错误。我正在使用一个扩展基本模板的细枝文件。我得到的错误如下：

未声明纯文本文档的字符编码。如果文档包含US-ASCII范围之外的字符，则在某些浏览器配置中，文档将呈现乱码文本。文件的字符编码需要在传输协议中声明，或者文件需要使用字节顺序标记作为编码签名

但是，在Java中的pebble编译器中，它给了我以下错误：

意外的标记名“closure”

如果我完全取出封闭块，它就可以正常工作。因此，我已将问题单独隔离到闭包块。代码如下：

{% extends 'base' %}

{% block body %}

<!-- <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> -->

<div id="xls-header">
  <div>
    <h4>Update Headers</h4>
  </div>
  <form method="get" action="/toolkit/header/update/add">
    <div id="header-data">
      <table>
        <tr>
          <th>VTable ID</th>
          <th>Table Type</th>
          <th>Table Name</th>
          <th>Edit</th>
        </tr>
        {% for header in headers %}
        <tr class="collapsible">
          <td>{{ header.vtableId }}</td>
          <td>{{ header.tableType }}</td>
          <td>{{ header.tableName }}</td>
          <td><a href="header/update/edit/{{ header.vtableId }}" target="_blank"><button class="command" type="button">Edit</button></a></td>
        </tr>
        <tr>
          <td class="content">hello</td>
        </tr>

        {% endfor %}
        <tr>

          <td>
            <!--TODO: Make this dynamic-->
            <select name="vTableId" type="number" class="large-7">
              <option value="14">EMI</option>
              <option value="15">Nutrition</option>
              <option value="21">Partner Product</option>
              <option value="22">Brick Attributes</option>
              <option value="23">Formatted Field</option>
              <option value="999">Component Field</option>
              <option value="1">PRODUCTMASTER</option>
              <option value="2">PACKAGING MARKED</option>
              <option value="3">PACKAGING UNMARKED</option>
              <option value="4">KITS LINKS</option>
              <option value="5">KITS ASSORTMENTS</option>
              <option value="6">UPPER LINKS</option>
              <option value="7">EPI GENERAL</option>
              <option value="8">EPI ECCC</option>
              <option value="12">KITS EXTENDED</option>
              <option value="16">UDF NON REPEATING</option>
              <option value="19">THIRD PARTY DATA</option>
              <option value="20">PRODUCT SCORE CARD DATA</option>
              <option value="24">compliancestatus</option>
              <option value="25">packagedeposit</option>
              <option value="26">brandattributes</option>
              <option value="27">unitindicators</option>
            </select>
          </td>
          <td>
            <select name="tableType">
              <option value="1">Flat Table</option>
              <option value="2">Multiplexed Table</option>
            </select>
          </td>
          <td><input name="name"></td>
          <td><button class="command">Add Header</button></td>
        </tr>
      </table>
    </div>
  </form>
</div>

<script>

{% closure %}

    new Vue({
        el: "#xls-header",
        delimiters: ['${', '}'],
        data: {
            status: ""
        },
        methods: {

            sendRequest(){
                this.status = 'SAVING';
            }

        }

    })

{% endclosure %}

</script>


{% endblock %}

{%extends'基“%”
{%block body%}
更新标题
VTable ID
表格类型
表名
编辑
{headers%中的头的%s}
{{header.vtableId}
{{header.tableType}}
{{header.tableName}
你好
{%endfor%}
电磁干扰
营养
合作伙伴产品
砖块属性
格式化字段
组件字段
产品管理员
包装标记
包装无标记
套件链接
套件及分类
上环
普通计划免疫
计划免疫
扩展套件
UDF非重复
第三方数据
产品记分卡数据
顺应状态
包装押金
品牌属性
单位指标
平板
多路复用表
添加标题栏
{%closure%}
新Vue({
el:#xls标题“，
分隔符：['${'，'}']，
数据：{
地位：“”
},
方法：{
sendRequest（）{
this.status='SAVING'；
}
}
})
{%endclosure%}
{%endblock%}

---

这可能是个愚蠢的错误，但我就是想不出来。

这是两个不同的问题。您应该能够通过将以下内容添加到细枝模板的头部来修复缺少的字符编码：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

至于细枝上的闭包，我认为你不能这样做。见本文：

---

您希望

{%closure%}

做什么？记录在哪里？我在pebble手册中找不到它。字符编码信息是未更新的。对，这很有效，你说得对。我不能像那样使用闭包标记。谢谢@你介意把我的答案标为正确答案吗？这就是你和我如何（为了名誉）获得积分的方式。我看到您是StackOverflow的新手，所以您可能没有意识到rep是如何工作的。您可以在这里看到自己的声誉：