1

Utilizando Express 4 e template engine EJS, me deparei com o seguinte:

Digamos que eu tenha a seguinte estrutura:

meu_projeto/
+-- server.js
+-- views/
¦   +-- layout.js
¦   +-- admin/
¦   ¦   +-- index.js
¦   ¦   +-- blog/
¦   ¦   ¦   +-- index.js
¦   ¦   ¦   +-- ...
¦   ¦   +-- configs/
¦   ¦   ¦   +-- index.js
¦   ¦   ¦   +-- ...

Neste momento, minha rota está assim:

router.get('/', (req, res) => {
    res.render('layout', { page: 'admin/index.ejs' });
});

No arquivo layout.ejs

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Exemplo</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css">
    </head>
    <body>
        <% include(page) %>
    </body>
</html>

O arquivo index.ejs no diretório admin está assim apenas para testar:

<h2>ADMIN</h2>

Mas quando eu acesso a rota, a página a ser incluída não é renderizada.

Página não renderizada

Como pode ser visto, não retorna nenhum erro no console.

2 Respostas 2

3

Para permitir que o HTML seja processar, deve-se utilizar a tag de saída <%-.

<%- include(page) %>

Página renderizada

1
  • Maaano.. estava ficando maluco aqui. kkkk Não conseguia gerar um html com esse tamplate. Valeu amigo! Ajudou muito! Commented 28/11/2019 às 4:49
0

Na realidade a nova sintaxe do include é assim:

`<%- include('filename.ejs') %>`  antes era assim `<% include('filename.ejs') %>` sem o traço.

Eles mudaram ultima atuliozação

1
  • Como está escrito atualmente, sua resposta não é clara. Por favor, pode editar para adicionar mais detalhes, que ajudarão outras pessoas a entender como isso resolve a pergunta feita. Você pode encontrar mais informações sobre como escrever boas respostas na Central de Ajuda.
    – Comunidade Bot
    Commented 29/04/2022 às 13:51

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .