You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在VS Code中支持Django模板标签在JS脚本内的语法?

在VS Code中消除Django模板标签在JS脚本中的语法报错

解决方法:

  • 安装Django语法支持插件
    在VS Code扩展市场搜索「Django」插件(Batiste Bieler开发的常用款),安装后重启编辑器,插件会自动识别HTML模板中的Django标签,包括嵌套在<script>内的语法,红色下划线会自动消失。

  • 切换文件语言模式
    打开模板文件后,点击VS Code右下角的语言标识(比如默认的「HTML」),选择「Django HTML」模式。若没有该选项,先安装上述Django插件即可获取。

  • 临时屏蔽错误(不推荐)
    若不想安装插件,可在报错代码段上方添加<!-- prettier-ignore -->注释,强制VS Code忽略该区域的语法检查,但这只是临时方案,无法获得完整的语法支持。

额外代码优化:

你的示例代码存在循环末尾多一个逗号的JS语法问题,建议调整为:

<script>
const chartData = [
{% for od in object %}
  [convertDate("{{ od.date_recorded|date:'Y-m-d' }}"), {{ od.value_recorded }}]{% if not forloop.last %},{% endif %}
{% endfor %}
];
</script>

内容的提问来源于stack exchange,提问作者swatch360

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.03 02:45:39