为什么我的JS逻辑出现在索引上（使用ejs / express）

Question

我有一个问题，理解为什么我的JS出现在我的布局上。我目前正在关注使用in express创建表单的sitepoint教程，当我使用contact作为部分呈现layout.ejs + index.ejs时，partial上的逻辑作为文本出现在页面上。

这是代码：

<div class="form-header">
<% if (Object.keys(errors).length === 0) { %>
<h2>Send us a message aa</h2>
<% } else { %>
<h2 class="errors-heading">Oops, please correct the following:</h2>
<ul class="errors-list">
    <% Object.values(errors).forEach(error => { %>
    <li><%= error.msg %></li>
    <% }) %>
</ul>
<% } %>
</div>

<form method="post" action="/contact" novalidate>
    <div class="form-field <%= errors.message ? 'form-field-invalid' : '' 
%>">
        <label for="message">Message</label>
        <textarea class="input" id="message" name="message" rows="4" 
autofocus><%= data.message %></textarea>
        <% if (errors.message) { %>
        <div class="error"><%= errors.message.msg %></div>
        <% } %>
    </div>
    <div class="form-field <%= errors.email ? 'form-field-invalid' : '' %>">
        <label for="email">Email</label>
        <input class="input" id="email" name="email" type="email" value="<%= 
data.email %>" />
        <% if (errors.email) { %>
        <div class="error"><%= errors.email.msg %></div>
        <% } %>
    </div>
    <div class="form-actions">
        <button class="btn" type="submit">Send</button>
    </div>
</form>