Node.jsのherokuへのデプロイをする際に出るCannot read property 'forEach' of undefinedについて

Question

Node.jsでログイン機能と画像アップロード機能のついた簡単な掲示板を作成しました。

localサーバーでは問題無く動いていたのですが、herokuにデプロイした時、
下記のエラーが表示されました。

views/index.ejsのソースは以下です。

  <div class="wrapper">

    <% layout('layout') %>
    <form action="/" method="post" class="board-form">
        タイトル: <input type="text" name="title" class="input" required><br>
        <br>
        <button type="submit" class="submit">ボード作成</button>
    </form>
    <ul class="main-list">
        <% boardList.forEach(function(boardItem) { %>
            <li class="main-list__item">
                <a href="/boards/<%= boardItem.board_id %>" class="board">
                    <p class="board__title"><%= boardItem.title %></p>
                    <p class="board__date"><%= boardItem.user_name %> <%= boardItem.created_at %></p>
                </a>
            </li>
        <% }); %>
    </ul>
    <% if (typeof user !== 'undefined') { %>
        <span class="login-user"><%= user.user_name %>さんとしてログインしています</span>
    <% } %>
  </div>

routes/index.jsの中で、
boardListは以下のように指定しています。

router.get('/', function(req, res) {
  var query = 'SELECT B.board_id, B.user_id, B.title, ifnull(U.user_name, \'名無し\') AS user_name, DATE_FORMAT(B.created_at, \'%Y年%m月%d日 %k時%i分%s秒\') AS created_at FROM boards B LEFT OUTER JOIN users U ON B.user_id = U.user_id ORDER BY B.created_at DESC'; // 変更
  connection.query(query, function(err, rows) {
    res.render('index', {
      title: 'はじめてのNode.js',
      boardList: rows
    });
  });
});

色々調べてもなかなか解決できません。

どのようにすれば正しく表示できるか教えて頂けると幸いです。
どうぞよろしくお願いします。

Answer 1

DBのログをheroku logs --tailで確認した所、ローカル用のDBしか置かれていないことがわかりました。本番用のDBを用意し直し、無事解決に至りました。ありがとうございました。

Answer 2

エラーメッセージ見る限り"boardList.rows"がnullのせいのようにみえますが、
DBとのコネクション再確認してみてはどうでしょうか。
あとクエリのリザルトが０レコードのときもnullが代入されるようになっていませんでしょうか。（その場合はnullをエスケープする必要があると思います）

試せてないので推測ですがお役に立てれば。。。

Comments

[yahret45]

ありがとうございます！検証した所、DBのエラーでした。