JavaScript中是否允许使用Twig语法？相关语法报错如何解决？

你给出的写法是Twig模板的标准合法用法，之所以会出现语法报错提示，是你的代码编辑器默认将<script>标签内的内容全部识别为纯JavaScript语法，无法识别Twig的模板控制标签{% %}和变量输出标签{{ }}，属于编辑器静态检查的误报，代码实际在服务端渲染后会生成完全合法的JavaScript代码，运行不会有问题。

可以根据你的使用场景选择以下任意一种方案解决编辑器报错问题：

• 调整编辑器语法识别规则：安装对应编辑器的Twig语法支持插件，将当前文件的语言模式切换为Twig/HTML (Twig)，编辑器就会正确识别混合在JS中的Twig标签，消除误报。
• 优化变量输出格式：对Twig输出的变量做格式兼容，降低编辑器的解析误判，修改后代码如下：

{% block scripts %}
  <script>
   {% if current_week == week_number %}
   $('#collapseTable' + Number('{{ current_day }}')).collapse('show');
   {% else %}
   $('#collapseTable0').collapse('show');
   {% endif %}
  </script>
{% endblock %}

• 简化Script标签内的Twig逻辑：把分支判断逻辑提到Script标签外完成，仅在JS中输出最终变量，减少编辑器识别冲突，修改后代码如下：

{% block scripts %}
  {% set active_table_id = current_week == week_number ? current_day : 0 %}
  <script>
   $('#collapseTable' + {{ active_table_id }}).collapse('show');
  </script>
{% endblock %}

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