how can i render html file in node.js

Question

i have tried to render html file but i got this error . i have login.html within public folder.how to render html file.thanks in advance.

my server side coding

var express = require('express');

var app = express();

app.configure(function(){

  app.set("view options", {layout: false});

  app.use(express.static(__dirname + '/public'));


 });

app.get('/', function(req, res) {

    res.render('login.html');

});

app.listen(8000)

Error: Failed to lookup view "login.html"

at Function.render (/home/aware/local/src/node_modules/express/lib/application.js:493:17)
at ServerResponse.render (/home/aware/local/src/node_modules/express/lib/response.js:753:7)
at /home/aware/local/src/health/demo2.js:17:9
at callbacks (/home/aware/local/src/node_modules/express/lib/router/index.js:161:37)
at param (/home/aware/local/src/node_modules/express/lib/router/index.js:135:11)
at pass (/home/aware/local/src/node_modules/express/lib/router/index.js:142:5)
at Router._dispatch (/home/aware/local/src/node_modules/express/lib/router/index.js:170:5)
at Object.router [as handle] (/home/aware/local/src/node_modules/express/lib/router/index.js:33:10)
at next (/home/aware/local/src/node_modules/express/node_modules/connect/lib/proto.js:199:15)
at resume (/home/aware/local/src/node_modules/express/node_modules/connect/lib/middleware/static.js:60:7)

score 2 · Answer 1 · answered Mar 20 '13 at 09:58

2

The closest you can get to using html for node views is EJS (Embedded JavaScript)

This way you write your normal HTML, pass your data through node and display them using tags like: <%= var %>

http://embeddedjs.com/

https://github.com/visionmedia/ejs

answered Mar 20 '13 at 09:58

ashley

2,749
5
26
38

score 1 · Answer 2 · answered Jul 21 '21 at 12:31

1

You can render HTML page with Nodejs using Embedded JavaScript(ejs). here you can go through -the Documentation of ejs

for using ejs, first of you create directory with the name views, In that directory create a file with .ejs extension.

answered Jul 21 '21 at 12:31

MD OZAIR QAYAM

11
1

score 0 · Answer 3 · answered Mar 20 '13 at 10:13

0

The files you keep inside your public folder will not be rendered because they are set as static, so they will be served as is. All other files outside of this will be rendered. Remember to set the rendering engine.

answered Mar 20 '13 at 10:13

ExxKA

930
6
10

tell me render engine for html – silvesterprabu Mar 21 '13 at 06:46
Well you can choose which one you like. I use mocha. But you only need a rendering engine if you serve dynamic content. In which case you must have already settled on one? – ExxKA Mar 22 '13 at 09:21

score 0 · Answer 4 · answered Apr 10 '13 at 08:25

I just came in contact with connect today & wanted to solve a simillar issue, serving a simple HTML file. In my case, I wanted to display a 404 when any previous middlewares hadn't finished the request.

I create a function, show404 and then you can do something like app.use(show404). Here's my CoffeScript for that mostly inspired in connect errorHandler source code.

show404 = (req, res, next) ->
    res.statusCode = 404
    res.setHeader 'Content-Type', 'text/html; charset=utf-8'
    html_path = require("path").resolve('.tmp/404.html')
    require('fs').readFile html_path, (err, data)->
        throw err if err
        console.log "DATA:", data
        res.end data

how can i render html file in node.js

4 Answers4

Linked