Question

我正在尝试使用以下代码在我的页面中添加一个菜单：

<%- include ../common/menu %>

这是文件目录：/views/common/menu.ejs

这是我的menu.ejs：

<div class="button" id="menu-btn">
    <a class="btn-open" href="#"></a>
  </div>
  <div class="overlay">
    <div class="wrap">
      <ul class="wrap-nav">
        <li>
          <a href="/">Welcome Page</a>
          <ul>
            <li>
              <a href="/main">Main Page</a>
            </li>
            <li>
              <a href="/vungtau">Vũng Tàu</a>
            </li>
            <li>
              <a href="/suoimo">Đồng Nai - Suối Mơ</a>
            </li>
            <li>
              <a href="/dalat">Đà Lạt</a>
            </li>
            <li>
              <a href="/video">Video</a>
            </li>
          </ul>
      </ul>
    </div>
  </div>

我收到500内部服务器错误，但我不知道为什么？我正在学习本教程：https://scotch.io/tutorials/use-ejs-to-template-your-node-application

我在google上做了很多搜索，但没有任何帮助。

Answer 1

尝试使用这种新语法

<%- include("partials/header") %>
<%- include("partials/footer") %>

Answer 2

如果我使用此文件夹结构：

../views/partials/header.ejs
../views/partials/footer.ejs
../views/users.ejs

然后在users.ejs中：

<%- include('./partials/header.ejs') %>
<body>
...
</body>
<%- include("./partials/footer.ejs") %>

Answer 3

试试这个

<%- include('../common/menu.ejs') %>

docs http://ejs.co/#docs

包括部分与ejs

3 个答案: