include not a function error

Hi,

I am positive that the above error is caused by my implementation or use of ejs, but I have a scenario where I am trying to render a partial within a partial, this particular section of the view gets rendered after an Ajax call (I’m trying to split my views into smaller components)

I have a view file views/home.ejs and within that I have <%- include('test-component') %>

The error I get is include is not a function

When sending the rendered html back to the client it is compiled through

const readAndCompileFile = async filePath => {
  const file = await readFile(filePath);
  return ejs.compile(file, { client: true });
};

const sendHtml = async (data, res) => {
  const template = await readAndCompileFile(TEMPLATE_FILE_PATH);
  const html = template({ ...data, Utilities, moment });
  return res.send({ html });
};

I hope this is enough information but if anything further is needed then please advise

I am on the latest version of ejs, 3.1.3

Thank You

[eyupahmetyilmaz]

const readAndCompileFile = async filePath => {
  const file = await readFile(filePath);
  return ejs.compile(file, { r_client: true });
};

If you using “include” in .ejs file, don’t use client

[woodscreative]

Using EJS 3.1.3 with Express 4.17.1 and cannot get includes to work either include not a function without async.