EJS模板未解析，浏览器直接渲染EJS代码为HTML文本的解决方法

以下是排查和解决的核心步骤：

• 确认服务器端已配置EJS为视图引擎
  如果使用Express框架，必须在代码中添加以下配置，确保服务器知道要解析EJS模板：

  const express = require('express');
  const app = express();
  
  // 设置EJS为视图引擎
  app.set('view engine', 'ejs');
  // 若视图文件不在默认的views目录，需指定路径
  // app.set('views', path.join(__dirname, 'your-view-folder'));
  

  其他Node.js框架需对应配置EJS模板解析器。

• 检查模板文件扩展名
  你的模板文件必须使用.ejs作为后缀，而非.html。如果文件是.html，服务器会直接返回原始内容，不会触发EJS解析逻辑。

• 通过服务器路由渲染模板，而非直接打开本地文件
  不能直接双击打开.ejs文件（此时浏览器会把它当作普通文本文件处理），必须通过服务器路由响应请求：

  // 示例Express路由，渲染根路径的EJS模板
  app.get('/', (req, res) => {
    // 即使不传递数据，也要用res.render而非res.sendFile
    res.render('index'); // 对应views/index.ejs文件
  });
  

• 排查EJS语法错误
  虽然你还未传递数据，但模板中的语法错误可能导致解析失败。比如<%=question.flag %>中question未定义时，会引发EJS渲染错误，可修改为容错写法：

  <%= locals.question ? question.flag : '' %>
  

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