找不到部分ejs文件

编程问答 2022-06-13

问题描述

找不到Ejs局部变量| NODE JS

找不到包含文件“ partials / header”

由于某种原因，我的NODE JS程序找不到我要包含在文件中的 .ejs 文件。

文件系统

我的观点之路看起来

views
    ├───page
    │       index.ejs
    │
    └───partials
            footer.ejs
            header.ejs

源代码

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 我打算以后再添加导航栏

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

错误日志

错误的完整日志在下面给出

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>

解决方法

尝试添加./partials/header。
您还应该在main.js文件app.set('view engine','ejs')中设置视图引擎。安装ejs软件包后。

,

<%- -%>标记后不需要分号。更改您的ejs标记，以在两个标记上都包含-。另外，检查您的服务器文件是否具有app.set('view engine','ejs');。最后，确保您的服务器文件与views文件夹位于同一层次结构级别。

backendbackendejsjavascriptpartialspartials