Jak używać HTML jako mechanizmu wyświetlania w Expressie?

Question

Próbowałem tej prostej zmiany z nasienia i utworzyłem odpowiednie pliki .html (np. Index.html).

//app.set('view engine', 'jade'); 
app.set('view engine', 'html'); 

i plik ten pozostał ten sam:

exports.index = function(req, res){ 
    res.render('index'); 
}; 

ale podczas uruchamiania pojawia

500 Błąd: Nie można odnaleźć modułu 'html'

Czy moja opcja tylko do korzystania z " ejs "? Moim zamiarem było użycie zwykłego HTML w połączeniu z AngularJS.

Answer 1

Odpowiedzi z drugiego linku będą działały, ale aby wyświetlić HTML, nie ma potrzeby korzystania z silnika widoku, chyba że chcesz skonfigurować routing funky. Zamiast tego, po prostu użyć statycznej middleware:

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

Answer 2

spróbować tego dla swojej konfiguracji serwera

app.configure(function() { 
    app.use(express.static(__dirname + '/public'));   // set the static files location 
    app.use(express.logger('dev'));       // log every request to the console 
    app.use(express.bodyParser());       // pull information from html in POST 
    app.use(express.methodOverride());      // simulate DELETE and PUT 
    app.use(express.favicon(__dirname + '/public/img/favicon.ico')); 
}); 

wtedy twoje funkcje wywołania zwrotnego do tras będzie wyglądać następująco:

function(req, res) { 
    res.sendfile('./public/index.html'); 
}; 

Answer 3

do stron html serwera poprzez routing, zrobiłem to.

var hbs = require('express-hbs'); 
app.engine('hbs', hbs.express4({ 
    partialsDir: __dirname + '/views/partials' 
})); 
app.set('views', __dirname + '/views'); 
app.set('view engine', 'hbs'); 

i przemianowany moich .html plików .hbs plików - kierownice wspierać wersję HTML

Answer 4

Aby zaakceptować silnik renderowania HTML zamiast jade można wykonać następujące czynności;

1. Install consolidate i swig do katalogu.

   npm install consolidate 
   npm install swig 
   

2. Dodaj następujący linie do swojego app.js złożyć

   var cons = require('consolidate'); 
   
   // view engine setup 
   app.engine('html', cons.swig) 
   app.set('views', path.join(__dirname, 'views')); 
   app.set('view engine', 'html'); 
   

3. dodać zobacz szablony jako .html wewnątrz folderu „Widoki”. Zrestartuj serwer węzła i uruchom aplikację w przeglądarce.

Chociaż to spowoduje renderowanie html bez żadnego problemu, polecam korzystanie z JADE przez nauczenie się go. Jade jest niesamowitym silnikiem szablonów, a uczenie się tego pomoże ci uzyskać lepszą skalowalność projektu &.

Answer 5

pliki HTML mogą być świadczone za pomocą Ejs silnika:

app.set('view engine', 'ejs'); 

I upewnij plików pod "/ views" są nazywane ".ejs".

Na przykład "index.ejs".

Answer 6

W Twoich aplikacjach.js wystarczy dodać

// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.engine('html', require('ejs').renderFile); 
app.set('view engine', 'html'); 

Teraz można korzystać z widoku EJS silnika przy zachowaniu Pana zdaniem jako pliki .html

źródła: http://www.makebetterthings.com/node-js/how-to-use-html-with-express-node-js/

Musisz zainstalować to dwa pakiety:

`npm install ejs --save` 
`npm install path --save` 

A następnie zaimportuj potrzebne pakiety:

`var path = require('path');` 

W ten sposób można zapisać swoje widoki jako .html zamiast .ejs.
Bardzo pomocne podczas pracy z IDE, które obsługują html, ale nie rozpoznają ejs.

Answer 7

Żaden silnik widoku nie jest konieczny, jeśli chcesz użyć kątowego z prostym plikiem HTML. Oto jak to zrobić: W pliku route.js:

router.get('/', (req, res) => { 
    res.sendFile('index.html', { 
    root: 'yourPathToIndexDirectory' 
    }); 
}); 

Answer 8

Aby silnik renderowania zaakceptować html zamiast jade można wykonać następujące czynności;

Install consolidate and swig to your directory. 

npm install consolidate 
npm install swig 

add following lines to your app.js file 

var cons = require('consolidate'); 

// view engine setup 
app.engine('html', cons.swig) 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'html'); 

add your view templates as .html inside “views” folder. Restart you node server and start the app in the browser. 

To powinno działać

Answer 9

Odpowiedź jest bardzo prosta. Musisz użyć app.engine ("html"), aby renderować strony * .html. spróbuj tego. To musi rozwiązać problem.

app.set('views', path.join(__dirname, 'views')); 
**// Set EJS View Engine** 
app.set('view engine','ejs'); 
**// Set HTML engine** 
app.engine('html', require('ejs').renderFile); 

plik .html będzie działać

Answer 10

Wypróbuj to proste rozwiązanie, pracował dla mnie

app.get('/', function(req, res){ 
    res.render('index.ehtml') 
    });