Could not find include include file

Question

I'm running a simple server

var express = require('express')
var app = express()

app.set('view engine', 'ejs'); 
app.use(express.static('public')) 

// home page request handler
app.get('/', function (req, res) {

    res.render('home')
})

// initializes request listener
app.listen(process.env.PORT, process.env.IP, function(){
    console.log("Server is listening");
})

When I make a GET request for the home page, run-time throws the following error

Error: Could not find include include file.
    at getIncludePath (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:152:13)
    at includeSource (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:276:17)
    at /home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:629:26
    at Array.forEach (native)
    at Object.generateSource (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:605:15)
    at Object.compile (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:509:12)
    at Object.compile (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:358:16)
    at handleCache (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:201:18)
    at tryHandleCache (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:223:14)
    at View.exports.renderFile [as engine] (/home/ubuntu/workspace/node_modules/ejs/lib/ejs.js:437:10)

I don't understand this error. Any ideas? I'm working in Cloud9.

My directory structure is

v1.1
  +---views
  |     +---- home.ejs
  |     +---- partials
  |               +------ header.ejs
  |               +------ footer.ejs
  |
  +----app.js

home.ejs

<% include header %>
<h1>welcome</h1>
<% include footer %>

header.ejs

<DOCTYPE! html>
    <html>
        <head>
            <title>
                <link rel="stylesheet" hreff="app.css">
            </title>
        </head>
    <body>

footer.ejs

    </body
</html>

Have you run [`npm i ejs`](https://www.npmjs.com/package/ejs)? — zero298, Sep 19 '17 at 21:17
Do you have a file called `home.ejs` in a directory called `/views/`? — zero298, Sep 19 '17 at 21:18
What does home.ejs look like? Error suggests an issue including a partial view — James, Sep 19 '17 at 21:22
No probs, must say `ejs` error is not very helpful.. The include file might have helped.. :) Also the other guys helped here, getting you to show more details. — Keith, Sep 19 '17 at 21:29

score 17 · Accepted Answer · answered Sep 19 '17 at 21:32

17

Include paths are relative, you will need to update your paths to include the "partials" subfolder e.g.

<% include partials/header %>
<h1>welcome</h1>
<% include partials/footer %>

See the docs

answered Sep 19 '17 at 21:32

James

80,725
18
167
237

score 2 · Answer 2 · answered Dec 02 '21 at 06:01

2

For me I had to set root parameter,

ejs.render(
  html,
  {},
  {
    root: process.cwd(),
  }
)

And then use it like,

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

answered Dec 02 '21 at 06:01

Axel

4,365
11
63
122

score 1 · Answer 3 · answered Oct 29 '20 at 01:58

1

Try any of these:

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

answered Oct 29 '20 at 01:58

RGC_NGOLA

13
5

score 0 · Answer 4 · answered Jun 29 '20 at 21:15

0

Try this :

<% include header %>

    <h1>welcome</h1>

<% include footer%>

answered Jun 29 '20 at 21:15

Zahidul Haque

1

score 0 · Answer 5 · answered Jul 15 '21 at 16:45

VS Code

Left Side File Explorer

Right Click on the '.ejs' file

Click on 'Copy Path'

Then paste that path

<%- include('YOUR_PATH/GOES_HERE') %>

In my Case, OS Ubuntu, Path was like this

<%- include('/media/username/diskname/foldername/nodejsApp/views/body/header.ejs') %>

EDIT

I forget '%' while writing answer.

score 0 · Answer 6 · answered Aug 22 '21 at 16:42

0

<%- include ('Filename without adding .ejs') %>

prerequisite: Ensure the filename correlates with the declared name in the above. i.e (Header is not equal to header.)

answered Aug 22 '21 at 16:42

OsamaD

453
7
12

score 0 · Answer 7 · answered Apr 08 '22 at 22:59

Don't put the extension after the filename. For example, do this:

include("file", { item: 123})

...not this:

include("file.ejs", { item: 123})

If you have multiple includes in a loop, don't put the whole loop in one <% %> block. Put the beginning and end in their own <% %> and the includes in a <%- %> tag. It won't work with just a <% %> tag, you need to use <%- %>:

<% for(const item of items) { %>
    <%- include("file", { item: 123}) %>
<% } %>

score 0 · Answer 8 · edited Jul 03 '22 at 04:35

0

I also faced issues with this, but I add file extension, and it did work for me. Try the following way:

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

<%- include('footer.ejs'); -%>

edited Jul 03 '22 at 04:35

Suraj Rao

29,388
11
94
103

answered Jul 03 '22 at 04:06

Minhaj98

376
3
7

score 0 · Answer 9 · answered Apr 27 '23 at 13:17

0

Faced same issue,resolved with below

<%- include('header.ejs');-%>
   <h1>Home</h1>
   <p><%=startingContent%></p>
<%- include('footer.ejs');-%>

answered Apr 27 '23 at 13:17

NITYA PRAKASH PANIGRAHI

1
1

score 0 · Answer 10 · answered Jul 16 '23 at 15:21

0

In your home.ejs file add this

  <%- include("../partials/header") %>
    <h1>Hi mom!</h1>
  <%- include("../partials/footer") %>

answered Jul 16 '23 at 15:21

Abdallah Ismail

1
1

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jul 19 '23 at 13:41

Could not find include include file

10 Answers10

Linked