javascript — узел js res.render не работает, но res.send работает

узел js res.render не работает, но res.send работает

у вас должен быть файл views/layouts/layout.ejs если вы используете express-ejs-layouts npm

внутри app.js:

 const ejs =require('ejs'); const ejsLayouts = require("express-ejs-layouts"); app.set('view engine','ejs'); app.use(ejsLayouts); app.set('layout', 'layouts/layout'); 

Файл layout.ejs имеет общий макет, который следует за всеми файлами

если вы используете bootstrap, то ваш файл layout.ejs будет выглядеть так:

 {amp}lt;!doctype html{amp}gt; {amp}lt;html lang="en"{amp}gt; {amp}lt;head{amp}gt; {amp}lt;!-- Required meta tags --{amp}gt; {amp}lt;meta charset="utf-8"{amp}gt; {amp}lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"{amp}gt; {amp}lt;!-- Bootstrap CSS --{amp}gt; {amp}lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"{amp}gt; {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM B07jRM" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;title{amp}gt;{amp}lt;/title{amp}gt; {amp}lt;/head{amp}gt; {amp}lt;body{amp}gt; {amp}lt;?- body ?{amp}gt; {amp}lt;/body{amp}gt; {amp}lt;/html{amp}gt; 

так что теперь на других страницах ejs будет отображаться только контент

как файл welcome.ejs

 {amp}lt;h1{amp}gt;Welcome Page{amp}lt;/h1{amp}gt; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector