TypeError: fs.readFileSync is not a function

[dorner]

I'm trying to run EJS strictly in a browser, no Node.js. Here's my code:

ejs.renderFile('/wishabi/tag/templates/tag_pane', {
  item: feature.item,
  displayTypes: this.mapData.displayTypes,
  qcMode: $j('#qc_mode').is(':checked')
}, {client: true}, function(template) {
  $('#tag-body').html(template);
});

When I run this, the result is "TypeError: fs.readFileSync is not a function". Looking at ejs.js in the latest release, I see no definition of this function anywhere, although it's called multiple times from the code. Is something broken?

[mde]

You should not be calling renderFile in a browser. The filesystem is not accessible in the browser. You should be using the Browserified ejs.js or ejs.min.js provided in a release (https://github.com/mde/ejs/releases/latest), and calling ejs.render.

[TimothyGu]

See an example for compiling EJS templates in the browser on https://github.com/mde/ejs/blob/master/examples/client-compilation.html