在Node.js项目中使用EJS(Embedded JavaScript)模板引擎时,如果出现引用错误,可能是由于以下几个原因:
EJS是一种简单的模板语言,它允许你在HTML中嵌入JavaScript代码。EJS模板中的JavaScript代码在服务器端执行,生成HTML后发送给客户端。
app.use(express.static('public'));
等中间件。假设你有一个简单的Node.js项目结构如下:
my-project/
├── node_modules/
├── public/
│ └── style.css
├── views/
│ └── index.ejs
├── app.js
└── package.json
在app.js
中,你可以这样设置和使用EJS:
const express = require('express');
const path = require('path');
const app = express();
// 设置视图引擎
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
// 静态文件服务
app.use(express.static(path.join(__dirname, 'public')));
// 路由
app.get('/', (req, res) => {
res.render('index', { title: 'My App' });
});
// 启动服务器
app.listen(3000, () => {
console.log('Server is running on port 3000');
});
在views/index.ejs
中,你可以这样写模板:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><%= title %></title>
<link rel="stylesheet" href="/style.css">
</head>
<body>
<h1>Welcome to <%= title %>!</h1>
</body>
</html>
通过以上步骤,你应该能够解决在Node.js项目中使用EJS时出现的引用错误。如果问题仍然存在,请检查控制台输出的错误信息,以便进一步定位问题。
云+社区技术沙龙 [第31期]
云原生正发声
腾讯云GAME-TECH游戏开发者技术沙龙
serverless days
发现教育+科技新范式
Elastic 中国开发者大会
DBTalk技术分享会
Elastic 中国开发者大会
T-Day
领取专属 10元无门槛券
手把手带您无忧上云