Node.jsでクエリ実行すると「undefined」と表示されます。

Question

Node.jsでクエリ実行した結果の配列をターミナルに表示させたい。

Node.jsからクエリ実行すると、ターミナルに「undefined」が表示されます。

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

undefined

app.js

//パッケージ読み込み
const express = require('express');
const app = express();

const mysql = require('mysql');

// CSSや画像ファイルを置くフォルダを指定
app.use(express.static('public'));

// mysqlの接続情報
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'roof',
  password: '*****',
  database: 'list_app'
});

//HTTPリクエストを受け取る部分
app.get('/index', (req, res) => {
  connection.query('SELECT * FROM users',
  (error,results) => {
  console.log(results);
   res.render('index.ejs');
 });
});


// サーバーを起動するコード
app.listen(3000);

mysql> show databases;
+--------------------+
| Database           |
+--------------------+
| information_schema |
| list_app           |
| mysql              |
| performance_schema |
| sys                |
+--------------------+
5 rows in set (0.00 sec)

mysql> use list_app;
Reading table information for completion of table and column names
You can turn off this feature to get a quicker startup with -A

Database changed
mysql> show tables;
+--------------------+
| Tables_in_list_app |
+--------------------+
| users              |
+--------------------+
1 row in set (0.00 sec)

mysql> show columns from users;
+-------+---------+------+-----+---------+----------------+
| Field | Type    | Null | Key | Default | Extra          |
+-------+---------+------+-----+---------+----------------+
| id    | int(11) | NO   | PRI | NULL    | auto_increment |
| name  | text    | YES  |     | NULL    |                |
+-------+---------+------+-----+---------+----------------+
2 rows in set (0.00 sec)

mysql> select * from users;
+----+-----------------+
| id | name            |
+----+-----------------+
|  1 | じゃがいも      |
|  2 | じゃがい        |
|  3 | じゃが          |
+----+-----------------+
3 rows in set (0.00 sec)

mysql> 

##試したこと

このように⇩jsファイルからejsファイルに値を渡してみました。

app.get('/index', (req, res) => {
  connection.query(
    'SELECT * FROM users',
    (error, results) => {
      res.render('index.ejs',{users:results});
    }
  );
});

<ul class="main-input">
    <% users.forEach((item) => { %>
         <li>
           <div class="item-data">
              <span class="id"><%= item.id %></span>
              <span class="textarea"><%= item.name %></span>
           </div>
         </li>
    <% }); %>
</ul>

そうすると、ターミナルに下記のエラーが表示されます。

TypeError: /Users/tanimurashun/Desktop/list-app/views/index.ejs:29
    27|         <!--ここまで=============-->
    28|         <ul class="main-input">
 >> 29|           <% users.forEach((item) => { %>
    30|               <li>
    31|                 <div class="item-data">
    32|                   <span class="id"><%= item.id %></span>

Cannot read property 'forEach' of undefined

どなたかご教授くれる方はいないでしょうか？すぐ返信致します。また解決ができ次第、私からも回答致します。よろしくお願いいたします。

Answer 1

const connection = mysql.createConnection({
  host: 'localhost',
  user: 'roof',
  password: '*****',
  database: 'list_app'
});

超ヤマカンですが、それMySQLサーバに接続出来てないんじゃないですか？
だって、ユーザー名rootじゃなくてroofになってますよ。

---

JavaScriptはnullやundefinedはプロパティを持てず、
値.プロパティ名という風にドットプロパティ名でアクセスを試みた時点でエラーで落ちます。
これが今回の動かない主原因となります。

じゃあなんでresultsがundefinedになるねん。
MySQLからの結果なら普通配列になるからforEachプロパティ(メソッド)持ってるはずやろ？となります。

よしんば結果が0件だとしてもnullはあり得てもundefinedはおかしい。
恐らくSQL文の発行に失敗しているのでしょう。

原因を突き止める為に、
まずコールバック関数内でerrorの引数に何か入ってないかを確認すべきです。

  (error,results) => {
    console.log(error); // これを足す
    console.log(results);
    res.render('index.ejs');
  });

ざっと質問文の流れを追ってみてもSQLやテーブルの情報がおかしいようには思えないですし……
というわけで遡って調べていくとMySQL実行時のユーザー名にTypoしているらしき跡を見つけました。

Comments

[tanitanitani]

roofが原因でした。こんなにあっけなかったなんて…泣
本当にありがとうございます！助かりました。orz

Answer 2

user: 'roof',

mysqlのユーザ名は「roof」なのですか？

Comments

[tanitanitani]

「 root 」でした泣　回答ありがとうございます！