2

How can I use partials with EJS client side? I am using express and I'd like to share the same templates between server-side and client-side. I've compiled the same templates to client side code but it doesn't recognize the partial function.

ReferenceError: ejs:38
    36|   <body>
    37| 
 >> 38|         <%- partial('header') %>
    39|     <div class="container">
    40|         <%- body %>
    41|     </div> <!-- /container -->

partial is not defined
MonkeyBonkey
  • 46,433
  • 78
  • 254
  • 460

1 Answers1

1

I think includes (partials year ago) are not working on client side. You can still try to write implementation that supports them, but it would be quite hard. In my case I just wanted to disable them on client side. Adding this line:

source = source.replace(/<% include.+%>/g, "");

Did the trick. It is located in:

EJS.Compiler = function(source, left) {
   this.pre_cmd = ['var ___ViewO = [];'];
   this.post_cmd = new Array();
   this.source = ' ';   
   if (source != null)
   {
      if (typeof source == 'string')
      {
        source = source.replace(/\r\n/g, "\n");
        source = source.replace(/\r/g,   "\n");
        // Just ignore the includes
        source = source.replace(/<% include.+%>/g, "");
        this.source = source;
      } else if (source.innerHTML){
        this.source = source.innerHTML;
      }

Of course it's far away from best solution but it made my template working both on server and client side. In my case I didn't need this include to be executed on client side.

irla
  • 479
  • 3
  • 13