Encountering an EJS error stating SyntaxError: a closing parenthesis is missing after the argument list in the file path C:\Users\computer point\Desktop\project2\views\home.ejs

Question

Encountering an EJS error stating SyntaxError: a closing parenthesis is missing after the argument list in the file path C:\Users\computer point\Desktop\project2\views\home.ejs

Struggling to retrieve data from app.js through ejs and encountering an error.

Pursuing a degree in Computer Science

<%- include('header'); -%>
<h1><%= foo%></h1>
<p class = "home-content">It is a fact that readers are distracted by the readable content of a page when looking at its layout. Lorem Ipsum has a more-or-less normal distribution of letters, making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text.</p>
<% for(var i = 0 ;i< posts.length;i++)%>
<%console.log(posts[i].title);%>// ENCOUNTERING AN ERROR IN THIS LINE THAT PREVENTS POSTING ON HOME.EJS
<%}%>

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

Seeking assistance to rectify this error

javascript express ejs

Answer 1

Answer №1

To access data within your template, you must provide the data to res.render(). The syntax for res.render() is as follows:

res.render(view [, locals] [, callback])

The second argument, locals, represents the data you wish to pass to your template. Based on your question, it seems like you are attempting something along these lines:

app.post('/compose',function(req,res){ 
    let posts = [{ title : req.body.title, post : req.body.post }];
    res.render("compose", posts);
});

You should update your compose template to resemble this:

<%- include('header'); -%>
<p class = "home-content">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<ul>
<% posts.forEach(function(post) { %>
    <li><%= post.title %></li>
<%})%>
</ul>

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

Answer 2

To access data within your template, you must provide the data to res.render(). The syntax for res.render() is as follows:

res.render(view [, locals] [, callback])

The second argument, locals, represents the data you wish to pass to your template. Based on your question, it seems like you are attempting something along these lines:

app.post('/compose',function(req,res){ 
    let posts = [{ title : req.body.title, post : req.body.post }];
    res.render("compose", posts);
});

You should update your compose template to resemble this:

<%- include('header'); -%>
<p class = "home-content">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).</p>
<ul>
<% posts.forEach(function(post) { %>
    <li><%= post.title %></li>
<%})%>
</ul>

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

Encountering an EJS error stating SyntaxError: a closing parenthesis is missing after the argument list in the file path C:\Users\computer point\Desktop\project2\views\home.ejs

Answer №1

Similar questions

the ever-changing dimensions of a PDF document

Communicate through Node.js, with messages that multiply based on the total number of users currently in the chat room

redux saga: accessing different endpoint parameters

Drag near the bottom of a droppable DIV to scroll inside

Utilize a variable within the res.writeHeads() method in Node.js

Re-rendering multiple components with the new `use` feature in React version 18.3.0

Any ideas on how to format a date for jQuery Datepicker?

Transferring information within React components

Is it possible to import SVG files and inline them in Angular?

Retrieve the value of a nested JSON object using the name of an HTML form field, without the use of eval

What is the method for determining the overall page load time of a website, taking into account the total loading time instead of just the document.ready()

The hamburger menu unexpectedly appears outside the visible screen area and then reappears at random intervals

Can AdonisJS 4.1.0 support conditional queries?

JavaScript Game Timer

How to choose the second anchor element in a list with Protractor

Is the 'wait > remaining' condition ever satisfied in the throttle function of underscore.js?

MERN stack including live notification functionality

Dynamically loading an iFrame source and automatically populating input forms using Javascript explained

Having trouble with JavaScript's XMLHttpRequest returning an 'undefined' string on the first run of my script. I need to find a way to ensure that it loads correctly during

Executing a mocked form-data POST request in an express application