How can I comment the EJS code (JS node) without getting an error

Question

I have this code in an EJS file:

<table> <% for(var i=0; i < data.length; i++) { %> <tr> <td><%= data[i].id %></td> <td><%= data[i].name %></td> </tr> <% } %> </table>

When I comment it this way,

<!-- <table> --> <!-- <% for(var i=0; i < data.length; i++) { %> --> <!-- <tr> --> <!-- <td><%= data[i].id %></td> --> <!-- <td><%= data[i].name %></td> --> <!-- </tr> --> <!-- <% } %> --> <!-- </table> -->

I still have an error in Line 2. Here is the stack of the error:

ReferenceError: c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\views\x.ejs:2 1| <!-- <table> --> >> 2| <!-- <% for(var i=0; i < data.length; i++) { %> --> 3| <!-- <tr> --> 4| <!-- <td><%= data[i].id %></td> --> 5| <!-- <td><%= data[i].name %></td> --> data is not defined at eval (eval at <anonymous> (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\ejs\lib\ejs.js:455:12), <anonymous>:11:25) at c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\ejs\lib\ejs.js:482:14 at View.exports.renderFile [as engine] (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\ejs\lib\ejs.js:348:31) at View.render (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\express\lib\view.js:93:8) at EventEmitter.app.render (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\express\lib\application.js:566:10) at ServerResponse.res.render (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\express\lib\response.js:938:7) at c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\todoList.js:13:6 at Layer.handle [as handle_request] (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\express\lib\router\layer.js:82:5) at next (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\express\lib\router\route.js:110:13) at Route.dispatch (c:\Users\toumi\Desktop\workspaces\eclipse\ToDoList\node_modules\express\lib\router\route.js:91:3)

How can I comment this code?

Please add what error you are receiving. I tried adding  in ejs and i am not receiving any error. — vishal patel
– vishal patel, Commented Mar 21, 2015 at 8:51

Peter Mortensen · Accepted Answer · 2022-02-04 16:35:22Z

49

There is two solutions:

<%# comment %> (it's from documentation)
<%/* comment */%> (it works too, but it's pretty ugly and uncomfortable for use)

I don't see a difference between those examples except highlighting syntax in an IDE (example with the Brackets IDE).

edited Feb 4, 2022 at 16:35

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Oct 4, 2016 at 8:41

Kas Elvirov

8,1784 gold badges49 silver badges66 bronze badges

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

4 Comments

IgorArnaut Jul 30 at 16:40

<%# <%- errors["email"].msg %> %> Could not find matching close tag for "<%#".

Kas Elvirov Jul 31 at 10:55

@IgorArnaut Could you clarify what are you trying achieve?

IgorArnaut Aug 11 at 11:52

Comment the line so that even EJS TAG <%- errors["email"].msg %> does not executed.

Kas Elvirov Aug 12 at 8:33

Try this one <% /* %><%# <%- errors["email"].msg %> %><% */ %>

Quang Van · Accepted Answer · 2017-03-18 06:04:06Z

37

Sample of the <% /* */ %> format for multi-line.

<% /* %> <div> <span>This will not be rendered</span> <% for(var i=0; i < data.length; i++) { %> <span>These won't be rendered either.</span> <% } %> </div> <% */ %>

answered Mar 18, 2017 at 6:04

Quang Van

12.1k12 gold badges63 silver badges61 bronze badges

4 Comments

Herbertusz Over a year ago

This is the good answer to the question. The questioner clearly needed multiline comment with ejs tags inside that, and neither <%# ... %> nor <% /* ... */ %> (in this exact form) doesn't work in that case.

Ivan Kolyhalov Over a year ago

it's not working when there's variable <%= var %> inside it

Muhammed Over a year ago

When using ejs-loader with webpack, it works for single line and multi-line comments.

IgorArnaut Jul 30 at 16:41

<% /* <%- errors["email"].msg %> */ %> Could not find matching close tag for "<%".

Peter Mortensen · Accepted Answer · 2022-02-04 16:33:53Z

11

It says here about the comments as well that you can comment like below:

 <%# code %>

edited Feb 4, 2022 at 16:33

Peter Mortensen

31.4k22 gold badges110 silver badges134 bronze badges

answered Mar 21, 2015 at 8:21

A.B

20.5k3 gold badges43 silver badges74 bronze badges

Comments

Peter Mortensen · Accepted Answer · 2022-02-04 16:37:49Z

There are two ways to do it!

As mentioned in the documentation of EJS:

<%# commented out code %> <%/* multiple lines commented out code*/%>

For example:

<%# include('includes/head.ejs') %> </head> <body> <%# include('includes/navigation.ejs') %> <h1>Page Not Found!</h1> <%- include('includes/end.ejs') %>

Liam Kernighan · Accepted Answer · 2016-12-18 19:37:14Z

I found this helpful for me. It's simple, multiline and does not conflict with anything.

 <%if(false) {%> <ul> <% for(var i =1; i <= 10; i++) { %> <li> Hello this is iteraiton <%=i %> </li> <% }%> </ul> <%- include('./meow') %> <%} %>

King DM · Accepted Answer · 2023-12-04 17:56:40Z

Here is one way to comment out ejs code:

Given this line of code:

<label for="<%= user.id %>" style="background-color: <%= user.color %>;">

I did this:

<!--label for="<%#= user.id %>" style="background-color: <%#= user.color %>;"-->

Alternatively: Original code:

<label for= <%=`${user.id}` %> style= <%=`background-color: ${user.color};`%>>

Commented out code:

<!--label for= <%#=`${user.id}` %> style= <%#=`background-color: ${user.color};`%> -->

Collectives™ on Stack Overflow

How can I comment the EJS code (JS node) without getting an error

6 Answers 6

4 Comments

4 Comments

Comments

1 Comment

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

4 Comments

4 Comments

Comments

1 Comment

Comments

Comments

Linked

Related