File ejs parziale non trovato

Sep 16 2020

Impossibile trovare i parziali Ejs | NODE JS

Impossibile trovare il file di inclusione "partials / header"

Per qualche motivo il mio programma NODE JS non è riuscito a trovare il file .ejs che sto cercando di includere nel mio file.

File System

Il mio percorso di visioni sembra

visualizzazioni
    ├───pagina
    │ index.ejs
    │
    └─── parziali
            footer.ejs
            header.ejs

Codici sorgente

Index.ejs

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>News Node App</title>
    <%- include("partials/header"); %>
  </head>
  <body>
      <div class="d-flex">
          
            <%for (let i =0;i<articles.length;i++){ let currNews = articles[i]%>
                <li>
                <div class="news-cars">
                    <%=currNews.title%>
                </div>
                </li>
            <%}%>
          </ol>
      </div> 
  </body>
</html>

header.ejs Ho intenzione di aggiungere la barra di navigazione in un secondo momento

<link
  rel="stylesheet"
  href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
  integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
  crossorigin="anonymous"
/>

REGISTRO ERRORI

Di seguito viene fornito il registro completo dell'errore

Error: D:\node\blog-app\views\page\index.ejs:7
    5|     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    6|     <title>News Node App</title>

    7|     <%- include("partials/header"); %>

    8|   </head>

    9|   <body>

    10|       <div class="d-flex">


Could not find the include file "partials/header"<br>
    at getIncludePath (D:\node\blog-app\node_modules\ejs\lib\ejs.js:183:13)<br>
    at includeFile (D:\node\blog-app\node_modules\ejs\lib\ejs.js:309:19)<br>
    at include (D:\node\blog-app\node_modules\ejs\lib\ejs.js:689:16)<br>
    at eval (D:\node\blog-app\views\page\index.ejs:10:17)<br>
    at index (D:\node\blog-app\node_modules\ejs\lib\ejs.js:691:17)<br>
    at tryHandleCache (D:\node\blog-app\node_modules\ejs\lib\ejs.js:272:36)<br>
    at View.exports.renderFile [as engine] (D:\node\blog-app\node_modules\ejs\lib\ejs.js:489:10)<br>
    at View.render (D:\node\blog-app\node_modules\express\lib\view.js:135:8)<br>
    at tryRender (D:\node\blog-app\node_modules\express\lib\application.js:640:10)<br>
    at Function.render (D:\node\blog-app\node_modules\express\lib\application.js:592:3)<br>
    at ServerResponse.render (D:\node\blog-app\node_modules\express\lib\response.js:1012:7)<br>
    at D:\node\blog-app\controllers\news-controller.js:10:25<br>
    at processTicksAndRejections (internal/process/task_queues.js:97:5)<br>

Risposte

1 SagarKarki Sep 16 2020 at 07:30

Prova ad aggiungere ./partials/header.
È inoltre necessario impostare la vista del motore nel file main.js app.set('view engine','ejs'). Dopo aver installato il ejspacchetto.

PsiKai Sep 16 2020 at 07:34

Non dovresti aver bisogno del punto e virgola dopo i tuoi <%- -%>tag. Modifica i tuoi tag ejs per includerli -in entrambi i tag. Inoltre, controlla che il tuo file del server abbia app.set('view engine', 'ejs');Infine, assicurati che il tuo file del server sia sullo stesso livello gerarchico della viewscartella.