Fichier ejs partiel introuvable

Sep 16 2020

Les partiels Ejs n'ont pas pu être trouvés | NODE JS

Impossible de trouver le fichier d'inclusion "partiels / en-tête"

Pour une raison quelconque, mon programme NODE JS n'a pas pu trouver le fichier .ejs que j'essaie d'inclure dans mon fichier.

Système de fichiers

Mon chemin de vue ressemble à

vues
    ├───page
    │ index.ejs
    │
    └─── partiels
            footer.ejs
            header.ejs

Codes source

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 Je prévois d'ajouter une barre de navigation plus tard

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

JOURNAL DES ERREURS

Le journal complet de l'erreur est donné ci-dessous

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>

Réponses

1 SagarKarki Sep 16 2020 at 07:30

Essayez d'ajouter ./partials/header.
Vous devez également définir le moteur de vues dans votre fichier main.js app.set('view engine','ejs'). Après avoir installé le ejspackage.

PsiKai Sep 16 2020 at 07:34

Vous ne devriez pas avoir besoin du point-virgule après vos <%- -%>balises. Modifiez vos balises ejs pour les inclure -sur les deux balises. Vérifiez également que votre fichier serveur contient app.set('view engine', 'ejs');Enfin, assurez-vous que votre fichier serveur est au même niveau hiérarchique que le viewsdossier.