Nodejs新版express中ejs模板编译显示函数未定义 partial,link_to等无法使用

Node.js 新版 Express 中 EJS 模板编译显示函数未定义：partial, link_to 等无法使用

问题描述

在使用 Node.js 和 Express 框架时，如果你尝试使用 EJS 模板引擎，并且在模板中调用了一些自定义函数（如 link_to 或 partial），可能会遇到类似以下的错误：

link_to is not defined

这通常是由于这些函数没有被正确地传递给 EJS 模板引擎。

示例代码

假设你有以下的 EJS 模板文件 (views/index.ejs)：

<ul>
<% for(var i=0; i<items.length; i++){ %>
    <li><%= link_to(items[i], 'supplies/' + items[i]) %></li>
<% } %>
</ul>

在你的 Express 路由文件 (routes/index.js) 中，你可能有类似的代码：

const express = require('express');
const router = express.Router();
const ejs = require('ejs');

router.get('/', function(req, res) {
    const items = ['item1', 'item2', 'item3'];
    res.render('index', { items: items });
});

module.exports = router;

解决方案

要解决这个问题，你需要确保在渲染模板之前将所有自定义函数传递给 EJS 模板引擎。你可以通过以下方式来实现：

1. 创建一个中间件，用于在渲染模板之前注入这些函数。

// app.js 或 server.js
const express = require('express');
const app = express();
const path = require('path');

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use((req, res, next) => {
    res.locals.link_to = function(item, url) {
        return `<a href="${url}">${item}</a>`;
    };

    res.locals.partial = function(template, data) {
        return ejs.renderFile(path.join(app.get('views'), template), data);
    };

    next();
});

const indexRouter = require('./routes/index');
app.use('/', indexRouter);

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});

1. 更新路由文件，使其不再直接传递数据到模板。

// routes/index.js
const express = require('express');
const router = express.Router();

router.get('/', function(req, res) {
    const items = ['item1', 'item2', 'item3'];
    res.render('index', { items: items });
});

module.exports = router;

总结

通过上述方法，你可以确保在渲染 EJS 模板时，所有的自定义函数都能被正确地传递和使用。这样可以避免 link_to is not defined 这样的错误，并使你的模板更加灵活和可复用。