To set up Vue.js in our Pug template, we need to install and set up webpack. Notice how Pug uses indentation to work out which tags are nested inside each other. So there is something wrong in your data. Our application will now render Hello World in the browser because we changed the route to render the home.pug template. Pug is catching undefined variables and continues rendering while ejs doesn't. Select#author.form-control(type='select', placeholder='Select author' name='author' required='true' ) And in the pug version it doesn't throw this error.

It throws error 'Cannot read property '_id' of undefined' pointing to the first option element when I add a new book (but I can update an existing book for some reason). It's a select box of authors (from an associated collection) in a form to add a book to the db. Pug makes it easy both to write reusable HTML, as well as to render data pulled from a database or API. It compiles to HTML and has a simplified syntax, which can make you more productive and your code more readable. Compile template.pug, and render a set of dataĬonsole.log(pug.renderFile('template.I'm trying to convert the below from pug to ejs. Pug is a template engine for Node and for the browser. Alternatively, you can use the cache option with render, which will automatically store the compiled function into an internal cache. However, the template function will be re-compiled every time render is called, which might impact performance. Pug also provides the pug.render() family of functions that combine compiling and rendering into one step. - template.pugĬonst compiledFunction = pug.compileFile('template.pug') The compiled function can be re-used, and called with different sets of data. Call that resultant function with your data, and voilà!, it will return a string of HTML rendered with your data. pug.compile() will compile the Pug source code into a JavaScript function that takes a data object (called “ locals”) as an argument. The general rendering process of Pug is simple. Pug is available via npm: $ npm install pug

Pug template rendering