【Node.js】localhostでのロードが終わらない。

お世話になっております。
Node.jsで開発をしているのですが、ターミナルでサーバーを起動したところ、以下のようなエラーが表示されました。

またブラウザのlocalhostで一向に画面のロードが終わりません。

エラーメッセージも出ておらず、原因をGoogleで調べても分からなかったため、もしかしたら詳しい方がいるかと思い、こちらで質問させていただきました。

ソースコードは以下の通りです。

●app.js

var createError = require('http-errors');
var express = require('express');
var path = require('path');
var cookieParser = require('cookie-parser');
var logger = require('morgan');

var indexRouter = require('./routes/index');
var usersRouter = require('./routes/users');
var helloRouter = require('./routes/hello');

var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');

app.use(logger('dev'));
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));

app.use('/', indexRouter);
app.use('/users', usersRouter);
app.use('/hello', helloRouter);

// catch 404 and forward to error handler
app.use(function(req, res, next) {
  next(createError(404));
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

●index.js

var express = require('express');
var router = express.Router();
const sqlite3 = require('sqlite3');

const db = new sqlite3.Database('sqlite3');

/* GET home page. */
router.get('/', function (req, res, next) {
  db.serialize(() => {
    db.all('select * from mydata', (err, rows) => {
      if (!err) {
        let data = {
          title: 'Hello!',
          content: rows,
        };
        res.render('index', data);
      }
    });
  });
});

module.exports = router;

●index.ejs

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="utf-8"> 
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
  </head>
  <body>
    <table>
      <% for(let i in content) { %>
      <tr>
        <% let obj = content[i] %>
        <th><%= obj.id %></th>
        <td><%= obj.name %></td>
        <td><%= obj.email %></td>
        <td><%= obj.age %></td>
      </tr>
      <% } %>
    </table>
  </body>
</html>

行動規範の内容に同意します

回答1件

ベストアンサー

index.jsでerrがあった時のレンダリングが書かれていないのが原因ではないでしょうか？
私の環境ではelseの処理を追加することで正常に動きました。

var express = require("express");
var router = express.Router();
const sqlite3 = require("sqlite3");

const db = new sqlite3.Database("sqlite3");

/* GET home page. */
router.get("/", function (req, res, next) {
  db.serialize(() => {
    db.all("select * from mydata", (err, rows) => {
      if (!err) {
        let data = {
          title: "Hello!",
          content: rows,
        };
        res.render("index", data);
      } else {
        res.send("hello"); // 追加
      }
    });
  });
});

module.exports = router;

投稿2020/12/29 11:45

Mellbrother

総合スコア52

退会済みユーザー

2020/12/29 16:58

回答ありがとうございます。その通りにやったら動きました！ありがとうございます！！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

【Node.js】localhostでのロードが終わらない。

関連した質問