• TechQA.

        EJS not able to render page due to class declaration

        315 views Asked by Fiore At 2021-04-23T10:18:15+00:00 23 April 2021 at 10:18 2025-12-16T23:10:00+00:00 
        <header class="main-header">
<nav class="main-header__nav">
    <ul class="main-header__item-list">
        <li class="main-header__item"><a class="<%= path === '/' ? 'active' : '' %>" href="/">Shop</a></li>
        <li class="main-header__item"><a class="<%= path === '/admin/add-product' ? 'active' : '' %>" href="/admin/add-product">Add Product</a></li>
    </ul>
</nav>

        When I try to render the page in my node js application I am getting an error. Saying there is an error

        I am not so used to writing ejs but when I remove the class="<%= path === '/' ? 'active' : '' %>" in the navigation.ejs it seems to work

        enter image description here

        Error Image

        node.js ejs templating-engine
        Original Q&A
        1

        There are 1 answers

        2
        Nandeep Barochiya Nandeep Barochiya On 2021-04-23T10:35:42+00:00 23 April 2021 at 10:35

        Use <%- include('RELATIVE/PATH/TO/FILE'); %> to embed an EJS partial in another file.

        • The hyphen <%- instead of just <% tells EJS to render raw HTML.
        • The path to the partial is relative to the current file.
        • and also use ; at end of include

        Here is an example...

        <!DOCTYPE html>
<html lang="en">
<head>
    <%- include('../partials/head'); %>
</head>
<body class="container">

<header>
    <%- include('../partials/header'); %>
</header>

<main>
    <div class="jumbotron">
        <h1>This is great</h1>
        <p>Welcome to templating using EJS</p>
    </div>
</main>

<footer>
    <%- include('../partials/footer'); %>
</footer>

</body>
</html>

        Related Questions in NODE.JS

        • Using Puppeteer to scrape a public API only when the data changes
        • How to request administrator rights?
        • How do I link two models in mongoose?
        • Variable inside a Variable, not updating
        • Unable to Post Form Data to MongoDB because of picturepath
        • Connection terminated unexpectedly while performing multi row insert using pg-promise
        • Processing multiple forms in nodejs and postgresql
        • Node.js Server + Socket.IO + Android Mobile Applicatoin XHR Polling Error...?
        • How to change the Font Weight of a SelectValue component in React when a SelectItem is selected?
        • My unban and ban commands arent showing when i put the slash
        • how to make read only file/directory in Mac writable
        • How can I outsource worker processes within a for loop?
        • Get remote MKV file metadata using nodejs
        • Adding google-profanity-words to web page
        • Products aren't displayed after fetching data from mysql db (node.js & express)

        Related Questions in EJS

        • Vercel showing Internal Server Error after deploying express app successfully
        • how ejs converting to excel
        • Issue with EJS Templating Syntax Highlighting and Rendering in Visual Studio Code
        • res.render not rendering all the data
        • How to render a ejs view after sending POST form data to the server?
        • How to prevent vertical autoscrolling in VS Code in EJS and JS files?
        • EJS is not being rendered
        • nodemon index.js not working in windows but works on macOS
        • Express.js Router Downloading EJS File instead of Showing it
        • hasOne association using Sequelize does not work when using the .ejs template to display data
        • how can i embed trading view widget ticker tape on my ejs file
        • Hyperscript - How do i assign an event to a found element?
        • How to deploy a website using .ejs on hosting services?
        • "Invalid JSON response: null" error when using Gemini Pro Vision AI API in Node.js
        • unable to compare Number data of mongodb in expressJS route

        Related Questions in TEMPLATING-ENGINE

        • Can't escape characters in pug/jade
        • I am facing an issue while using ejs-mate. The error is in <% layout("path") %>. The path is correct But does not work
        • Using Webpack 5 - How to reference files with a [contenthash] substitution in html when using a server-side templating engine?
        • Choosing templating engine with extends, slots and include with parameters
        • DevTools Failed to load source map: could not load contentfor chrom-extension:nllcnkpjnininklegdoijpljgdjkijc/bundles/injectExtensionInstalled.js.map
        • HTML templating engine unable to render unicode symbols
        • How to correctly pass a variable from a twig include file to another include twig file
        • Using Line Breaks in Google Apps Script HTML Variables
        • json preserve original data order
        • How should I access Cheetah Template() variable placeholders in an object instance?
        • EJS conditional rendering not working as expected
        • EJS file not loading after using express.static
        • Mailjet templating language(TWIG, PUG syntax) - how to use template variable within inline style prop?
        • EJS not able to render page due to class declaration
        • jinja2 how to retrieve the value of a variable to use it in an if statement jinja2

        Popular Questions

        • How do I undo the most recent local commits in Git?
        • How can I remove a specific item from an array in JavaScript?
        • How do I delete a Git branch locally and remotely?
        • Find all files containing a specific text (string) on Linux?
        • How do I revert a Git repository to a previous commit?
        • How do I create an HTML button that acts like a link?
        • How do I check out a remote Git branch?
        • How do I force "git pull" to overwrite local files?
        • How do I list all files of a directory?
        • How to check whether a string contains a substring in JavaScript?
        • How do I redirect to another webpage?
        • How can I iterate over rows in a Pandas DataFrame?
        • How do I convert a String to an int in Java?
        • Does Python have a string 'contains' substring method?
        • How do I check if a string contains a specific word?

        Popular Tags

        javascript python java c# php android html jquery c++ css ios sql mysql r reactjs node.js arrays c asp.net json

        Trending Questions

        • UIImageView Frame Doesn't Reflect Constraints
        • Is it possible to use adb commands to click on a view by finding its ID?
        • How to create a new web character symbol recognizable by html/javascript?
        • Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
        • Heap Gives Page Fault
        • Connect ffmpeg to Visual Studio 2008
        • Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
        • How to avoid default initialization of objects in std::vector?
        • second argument of the command line arguments in a format other than char** argv or char* argv[]
        • How to improve efficiency of algorithm which generates next lexicographic permutation?
        • Navigating to the another actvity app getting crash in android
        • How to read the particular message format in android and store in sqlite database?
        • Resetting inventory status after order is cancelled
        • Efficiently compute powers of X in SSE/AVX
        • Insert into an external database using ajax and php : POST 500 (Internal Server Error)
        • Privacy
        • Terms
        • Cookies
        • Homegardensmart
        • Math
        • Aftereffectstemplates