ejsでJavaScriptの文法を使えるようにしたい

前提・実現したいこと

Node.jsでejsファイルの中にhtmlを記述しているのですが、JavaScriptを書くためのタグ<%%>内に書いた文法が適用されず、エラーとなってしまいます。
数日前までは問題なく実行できたのですが、全く変更加えていないファイルでエラーを吐くようになってしまいました。

どういった対処をとればよいか教えていただけますでしょうか。

それぞれのファイルの位置関係は以下の通りです。

app.js
|
views---top.ejs

発生している問題・エラーメッセージ

TypeError: C:\Users\名前\OneDrive\デスクトップ\HTML\textbook\views\top.ejs:32
    30|         </div>

    31|         <ul class="table">

 >> 32|             <% items.forEach((item) => { %>

    33|                 <li>

    34|                     <div class="item-data">

    35|                         <span class="id-column"><%= item.id %></span>


Cannot read property 'forEach' of undefined
    at eval (eval at compile (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\ejs\lib\ejs.js:662:12), <anonymous>:12:14)
    at top (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\ejs\lib\ejs.js:692:17)
    at tryHandleCache (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\ejs\lib\ejs.js:272:36)
    at View.exports.renderFile [as engine] (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\ejs\lib\ejs.js:489:10)
    at View.render (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\express\lib\view.js:135:8)
    at tryRender (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\express\lib\application.js:640:10)
    at Function.render (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\express\lib\application.js:592:3)
    at ServerResponse.render (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\express\lib\response.js:1012:7)
    at Query.<anonymous> (C:\Users\名前\OneDrive\デスクトップ\HTML\textbook\app.js:21:17)
    at Query.<anonymous> (C:\Users\名前\OneDrive\デスクトップ\HTML\node_modules\mysql\lib\Connection.js:526:10)

該当のソースコード

ejs
1<!--top.ejsです。-->
2
3<!DOCTYPE html>
4<html lang="ja">
5<head>
6    <meta charset="UTF-8">
7    <link rel="stylesheet" href="/css/style.css">
8    <title>top</title>
9</head>
10<body>
11    <header>
12        <div class="main">
13            <a class="logo" href="/">TOPへ</a>
14            <button onclick="a()">押して！</button>
15        </div>
16        <script>
17            a()=>{
18                alert("押されたよ！");
19            }
20        </script>
21    </header>
22    <div class="container">
23        <div class="write center" id="convert">
24            <h1 class="title">タイトル</h1>
25            <form id="input-form" class="input-form reletive" action="/create" method="post">
26                <input name="textbook" id="s_input" class="input-s" placeholder="書籍名" type="text">
27                <input name="price" id="p_input" class="input-p" placeholder="値段" type="number">
28                <input name="url" id="u_input" class="input-u" placeholder="URL" type="text">
29                <button class="btn-red" type="submit">追加</button>
30            </form>
31        </div>
32        <ul class="table">
33            <% items.forEach((item) => { %>
34                <li>
35                    <div class="item-data">
36                        <span class="id-column"><%= item.id %></span>
37                        <span class="name-column"><%= item.name%></span>
38                        <span class="price-column"><%= item.price%>円</span>
39                        <span class="url-column"><a href="<%= item.url%>" target="_blank">販売リンク</a></span>
40                    </div>
41                </li>
42            <% }); %>
43        </ul>
44    </div>
45    <a href="/update"><button class="btn-blue" type="submit">更新</button></a>
46    <a href="/delete"><button class="btn-green" type="submit">削除</button></a>
47    
48</body>
49</html>

js
1//app.jsです。
2
3const express = require("express");
4const app = express();
5const sql = require("mysql");
6
7app.use(express.static("public"));
8app.use(express.urlencoded({extended: false}));
9
10const connection = sql.createConnection({
11    host: 'localhost',
12    user: '*****',
13    password: "*******",
14    database: '********'
15});
16
17app.get("/", (req, res) =>{
18    connection.query(
19        "select * from list",
20        (error, results) => {
21            console.log(error);
22            console.log(results);
23            res.render("top.ejs", {items: results});
24        });
25});
26
27app.post('/create', (req, res) => {
28    connection.query(
29        "insert into list (name, price, url) values (?, ?, ?)",
30        [req.body.textbook, req.body.price, req.body.url],
31        (error, results) => {
32            connection.query(
33                "select * from list",
34                (error, results) => {
35                    res.render("top.ejs", {items: results});
36                }
37            );
38        }
39    );
40});
41
42app.get("/index", (req, res) => {
43    res.render("index.ejs");
44});
45
46app.listen(3000);

試したこと

試しに<script></script>で書いた場合だと正常に実行されましたが、forEach文になるとどうしても<%%>の形のほうが良いので、結局は解決に至りませんでした。

また、Node.jsを再インストールしてみたのですが、同じ状況です。

補足情報（FW/ツールのバージョンなど）

環境
Windows 10
VScode

拡張機能
.ejs
EJS language support
ESLint

hoshi-takanori

2021/04/24 10:20

Cannot read property 'forEach' of undefined なので、items.forEach の items が undefined ってことです。ソースを変更してないのに items が undefined になるってことは、DB 接続に失敗してるのでは。

stuokneo01

2021/04/24 10:29

DB接続を見直したらページが表示されました。ありがとうございます。 DBはMySQLを使用しているんですが、2日くらいおくとコマンドプロンプトからパスワードが通らなくなり、毎度InstallerでパスワードのCheckをしないといけないくなっています。もしMySQLについて知見がおありでしたら、これはデフォルトでの仕様なのか、設定で変えることが可能なのか教えていただきたいです。

hoshi-takanori

2021/04/24 10:37

そんなことがあるなんてと思ってちょっと調べてみたら、MySQL の設定ファイル (my.cnf) に default_password_lifetime というのを書くと、その日数後にパスワードが無効化されるようですが…。 https://yoku0825.blogspot.com/2015/06/mysql-574defaultpasswordlifetime.html

stuokneo01

2021/04/24 11:07

MySQLに関してはテーブルをいじるくらいの操作しかしていないのでそのような設定は入っていないと思いますが、、、色々調べてみます。ありがとうございます。リンク先の記事も参考にさせていただきます。