EJS - Include return Could not find the include file "header.ejs"

Question

I try to render html with ejs like this

const ejs = require('ejs'),
      fs = require('fs'),
      str = fs.readFileSync(`${__dirname}/../mail_templates/test.ejs`, 'utf8');

console.log(ejs.render(str, {name: 'abc'});

test.ejs

<%- include(`header.ejs`)%>
...

But got this error:

Error: ejs:1
>> 1| <%- include(`header.ejs`)%>

Could not find the include file "header.ejs"
...

Here is how the folder structure look like:

Can you tell me why? I also tried these cases but no hope:

<% include header.ejs %>
<% include header %>
<%- include('header.ejs'); -%>
<%- include('../mail_templates/header.ejs'); -%>
<%- include('mail_templates/header.ejs'); -%>
<%- include('./mail_templates/header.ejs'); -%>

The only case that work is to use the absolute path:

<%- include("/Users/admin/Work/engine/mail_templates/header.ejs")%>

But of course I don't want to use this.

Estus Flask · Accepted Answer · 2018-06-15 13:16:16Z

12

Includes are relative to current template. In order for the engine to be aware of current template path, it should be specified with filename option, something like:

const templatePath = `${__dirname}/../mail_templates/test.ejs`;
str = fs.readFileSync(templatePath, 'utf8');

ejs.render(str, {filename: templatePath, name: 'abc'});

Then it's expected that any of these includes will work:

<% include header.ejs %>
<% include header %>
<%- include('header.ejs'); -%>
<%- include('./header.ejs'); -%>

answered Jun 15, 2018 at 13:16

Estus Flask

226k79 gold badges478 silver badges620 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PeterB Over a year ago

Thanks, saved my day! Though the it worked bit differently for me, filename is the key! I have added my code which worked for me since the options bit changed now

PeterB · Accepted Answer · 2022-08-04 17:26:37Z

1

Thanks to @Estus Flask. Looking at his answer, I checked documentation and it worked for me. so adding the code here for reference.

Now ejs.render accepts, check EJS documentation

ejs.render(str, data, options);

So, in my case below code worked

const templatePath = path.resolve(__dirname, '../../../templates/parent.ejs');
const ejsTemplate = fs.readFileSync(templatePath, 'utf8');

const html = ejs.render(ejsTemplate, { data: data }, {filename : templatePath}); //I need to pass data. so used data object

As documentation says,

filename Used by cache to key caches, and for includes

In .ejs file I include partial templates as

<%- include('partials/child'); -%>

answered Aug 4, 2022 at 17:26

PeterB

3234 silver badges19 bronze badges

Collectives™ on Stack Overflow

EJS - Include return Could not find the include file "header.ejs"

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related