Menu
guys I'm working on a node/express app in cloud 9. https://webdevcamp-miatech.c9users.io/ however, the include files in my home.ejs file are not working. I have a header.ejs and footer.ejs which I'm including into my home.ejs file. But when I go call the default route "/" home. It gives me. Here's the app on c9.io https://ide.c9.io/miatech/webdevcamp this error message.
Error: Could not find include include file.
at getIncludePath (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:152:13)
at includeSource (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:276:17)
at /home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:629:26
at Array.forEach (native)
at Object.generateSource (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:605:15)
at Object.compile (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:509:12)
at Object.compile (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:358:16)
at handleCache (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:201:18)
at tryHandleCache (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:223:14)
at View.exports.renderFile [as engine] (/home/ubuntu/workspace/EJSDemo/node_modules/ejs/lib/ejs.js:437:10)
If I remove the include of footer and header from home.ejs it gets fixed. So It has to be either the way I'm including it or the path. If anyone can help. Thanks home.ejs
<% include ./partials/header %>
<h1>Hello World</h1>
<img src="http://lorempixel.com/400/200/">
<% include ./partials/footer %>
header.ejs
<!DOCTYPE html>
<html>
<head>
<title>EJSDemo</title>
<link rel="stylesheet" type="text/css" href="/app.css">
</head>
<body>
footer.ejs
<p>trademark 2018</p>
</body>
</html>
finally my app.js
var express = require("express");
var app = express();
//tell express to serve the content of public dir
app.use(express.static("public"));
app.set("view engine", "ejs");
//default app route
app.get("/", function(req, res) {
res.render("home.ejs");
});
// /fallinlove route
app.get("/fallinlove/:thing", function(req, res) {
var thing = req.params.thing;
//rendering love.ejs and passing variable to template
res.render("love.ejs", {thingVar:thing});
});
// /post route
app.get("/posts", function(req, res) {
var posts = [
{title: "Post 1 ", author: "Charlie"},
{title: "My adorable pet bunny", author: "Susy"},
{title: "Can you believe this pomsky?", author: "Colt"}
]
res.render("posts.ejs", {posts: posts});
});
//start server
app.listen(process.env.PORT, process.env.IP, function() {
console.log("server started!..");
});
894
I encountered the same problem and this new(er) EJS syntax works just fine.
<%- include("partials/header") %>
<%- include("partials/footer") %>
answered Oct 17 '25 09:10
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With