Templ项目中_hyperscript脚本解析问题的分析与解决方案

问题背景

在Templ模板引擎的最新版本(v0.3.857)中，当开发者在<script>标签内使用_hyperscript语言的"possessive"语法(如's命令)时，会导致模板解析失败。这个问题在之前的v0.3.833版本中并不存在。

问题现象

具体表现为当模板中包含类似以下的_hyperscript代码时：

set tier_1 to #tier-1's value

Templ LSP会抛出解析错误："@handler.Once(): expected nodes, but none were found"。而如果移除包含's的语句，模板则能正常编译。

技术分析

这个问题源于Templ最新版本中新增的一项功能：允许在<script>标签内插入Go值。这项功能最初是为JavaScript设计的，其解析逻辑会尝试解析脚本内容中的特定语法结构。

当解析器遇到单引号(')时，会将其识别为字符串的开始标记，而不是_hyperscript语言中的possessive语法。这导致解析器无法正确识别后续的脚本内容，从而抛出节点未找到的错误。

解决方案

针对这个问题，Templ团队提出了一个优雅的解决方案：

1. 根据<script>标签的type属性来决定采用哪种解析策略：
   • 当type="text/javascript"或type属性省略时：使用现有的解析逻辑（支持Go值插入）
   • 当type为其他值时（如text/hyperscript）：回退到旧的脚本内容解析逻辑

这种方案既保留了新功能的优势，又兼容了非JavaScript脚本语言的语法特性。

临时解决方案

对于急需解决问题的开发者，可以采用以下临时方案：

• 避免使用's语法，改用等效的_hyperscript表达式：

  set foo to the value of #foo
  

总结

这个问题展示了在模板引擎设计中处理多种脚本语言时面临的挑战。Templ团队通过基于MIME类型的分支处理策略，既保持了功能的扩展性，又确保了向后兼容性。这种设计思路值得其他模板引擎开发者借鉴。

对于使用_hyperscript或其他非JavaScript脚本语言的开发者，建议关注Templ的后续更新，该修复将很快合并到主分支中。