javascript - 找不到部分 ejs 文件

标签 javascript node.js ejs backend partials

找不到Ejs partials | Node JS

Could not find the include file "partials/header"

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

文件系统

My path of views looks like

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

Source Codes

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 I am planning to add navbar later

<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') 中设置 View 引擎。安装 ejs 包后。

关于javascript - 找不到部分 ejs 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63906709/

相关文章:

javascript - 获取本地化的星期几

node.js - ExpressJS 中的 db.listCollections() 返回错误

javascript - 通过 get 请求发送 cookie

javascript - AJAX jQuery .click 元素在加载时运行函数而不是单击

python - 将 python 的 sklearn 模块与自定义数据集一起使用

javascript - 用于财务应用程序的 Influxdb

css - 在 css 中添加的额外边框值

javascript - 为什么我的索引 POST 请求不起作用?

javascript - 返回数组内对象的值

javascript - 覆盖正文区域的垂直侧边菜单