Flask传数据至前端遇‘Property assignment expected’错误求助

核心排查步骤 #

先打开浏览器开发者工具，查看页面渲染后var getEmails = ...这一行的实际输出。如果渲染后的JSON格式异常（比如引号未正确转义），会直接触发JS语法错误。

可行修复方案 #

方案1：给渲染结果添加括号包裹 #

修改HTML中的代码：

var getEmails = ({{ emails|tojson|safe }});

括号可以避免JS解析器将JSON数组的[误判为其他语法结构，解决上下文导致的解析异常。

方案2：使用隔离式JSON注入（最可靠） #

将JSON数据放在独立的application/json类型script标签中，再通过JS读取解析：

<script type="application/json" id="emails-dataset">
{{ emails|tojson|safe }}
</script>
<script>
var getEmails = JSON.parse(document.getElementById('emails-dataset').textContent);
</script>

这种方式彻底隔离模板渲染与JS代码，完全避免语法冲突问题。

方案3：检查前置代码语法 #

确认当前行之前的JS代码没有未闭合的引号、括号或其他语法错误——前置错误会导致JS解析器误判后续代码，触发无关的语法报错。

内容的提问来源于stack exchange，提问作者Mr.Mann