【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