EJS编译报错：Unexpected token '.' 如何解决？

问题根源 #

你当前使用的是EJS 3.1.8版本，这个版本已经彻底废弃了旧的include语法（<% include 路径 %>），旧语法会被解析器识别为无效的JavaScript语法，从而抛出"Unexpected token '.'"错误。

修复步骤 #

1. 修改EJS文件中的include语句
   将index.ejs里的旧include语法替换为EJS 3.x要求的新语法：

   <!-- 替换原来的 <% include ../partials/header %> -->
   <%- include('../partials/header') %>
   
   <!-- 替换原来的 <% include ../partials/footer %> -->
   <%- include('../partials/footer') %>
   

   注意要点：

   • 使用<%-而非<%，确保partial中的HTML内容能被正确渲染输出
   • include路径需要用引号包裹，并且添加括号

2. 验证partial文件路径
   确认../partials/header.ejs和../partials/footer.ejs文件确实存在，路径层级没有错误（比如是否是../partials还是./partials，根据你的项目目录结构调整）。

3. 重启Node.js服务器
   EJS会缓存已编译的模板，修改后需要重启服务器才能生效。

为什么之前的方案无效？ #

你尝试的两个方案可能是针对EJS 2.x及更早版本的旧语法解决方案，而当前项目依赖的是EJS 3.x，语法规则已经变更，因此旧方案无法解决问题。

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