VSCode调用含Jinja参数的JS函数时误报错误，求非禁用高亮的解决办法

• 将Jinja变量先提取为独立的JavaScript变量，避免直接内嵌在onclick属性中：

  <script>
    const nextPage = {{ pagination.next_num }};
  </script>
  <button onclick="reload_table(event, nextPage)">></button>
  

  这种方式能让VSCode正确区分模板语法和JavaScript语法，消除误报。

• 用引号包裹Jinja变量，明确标记为字符串值（若为数字类型可额外做类型转换）：

  <!-- 字符串或数字场景通用 -->
  <button onclick="reload_table(event, '{{ pagination.next_num }}')">></button>
  
  <!-- 数字类型推荐写法，避免类型问题 -->
  <button onclick="reload_table(event, Number('{{ pagination.next_num }}'))">></button>
  

• 调整VSCode的HTML校验配置，关闭内联脚本的语法检查（不会完全禁用高亮）：
  打开用户设置（快捷键Ctrl+,），添加如下配置：

  "html.validate.scripts": false
  

• 安装VSCode的Jinja/Django扩展，增强模板语法识别能力：
  搜索并安装如「Jinja」或「Django」这类官方社区维护的扩展，它们能正确解析Jinja模板变量，减少语法误报。

内容的提问来源于stack exchange，提问作者cunnus