大括号内使用点导致Swig模板渲染异常，是否为Bug？

这个问题我之前也碰到过，本质是Swig模板的解析逻辑在识别内容时的误判导致的，具体原因和解决办法如下：

核心原因 #

Swig模板依赖双大括号{{ }}来标记需要解析的变量或表达式，但它的解析器在扫描整个模板内容时，会对类似模板语法的结构格外敏感。当你的<pre><code>代码块里的单大括号{...}内部出现了点.时，Swig会错误地把这个结构和它自己的表达式语法（比如{{ user.name }}里的对象属性访问）关联起来，尝试去解析这段原生代码，从而导致渲染失败。

简单来说，解析器误以为你在写模板表达式，而不是原生的代码文本，自然就会报错或者渲染异常。

为什么移除点就正常？ #

当你把点去掉后，{...}内的内容不再符合Swig表达式的语法结构（没有了对象属性访问的.xxx模式），解析器就不会触发模板解析逻辑，自然就能正常渲染这段原生代码了。

可行的解决办法 #

如果要保留代码里的点，推荐用下面两种方式处理：

• 用{% raw %}标签包裹代码块：这是最直接的方式，告诉Swig这段内容是原生文本，不需要解析任何模板语法：

  {% raw %}
  <pre><code><span>new Promise (function (resolve, reject) { /* 这里可以正常使用点，比如 obj.prop */ } );</span></code></pre>
  {% endraw %}
  

• 转义特殊字符：把代码里的点转义成HTML实体.，不过这种方式可读性差，不如raw标签好用。

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