Currently, I am in the process of learning Node.js and have successfully created a server using express documentation in the past. However, for a new project, I decided to incorporate some npm packages such as dotenv, http-errors, ejs, and more. I established a (.env) file where I declared PORT=5000, imported it into my (main.js) file, and executed the app.listen function. Despite my efforts, when I try to access http://localhost:5000 in the browser, it endlessly loads with no content displayed. Surprisingly, there are no errors shown in the terminal; it simply continues loading until I manually terminate the process.
Main.js
const express = require("express");
const dotenv = require("dotenv");
const mongoose = require("mongoose");
const path = require("path");
const cookieParser = require("cookie-parser");
const { notFoundHandler, errorHandler } = require("./middlewares/common/errorHandler");
const app = express();
dotenv.config();
// Database connection
mongoose.set("strictQuery", true);
mongoose.connect(process.env.MONGO_CONNECTION_STRING, {
useNewUrlParser: true,
useUnifiedTopology: true,
})
.then(() => console.log("Database Connected!"))
.catch(err => console.log(err));
app.use(express.json);
app.use(express.urlencoded({ extended: true }));
app.set("view engine", "ejs");
app.set('views', 'views');
app.use(express.static(path.join(__dirname, "public")));
app.use(cookieParser(process.env.COOKIE_SECRET));
app.use(notFoundHandler);
// Common error handler
app.use(errorHandler);
app.listen(process.env.PORT, () => {
console.log(`App is listening at port ${process.env.PORT}`);
});
Errorhandler.js
const createError = require("http-errors");
function notFoundHandler(req, res, next) {
next(createError(404, "CONTENT WAS NOT FOUND!"));
}
function errorHandler(err, req, res, next) {
res.render("error", {
title: "Error Page",
});
}
module.exports = {
notFoundHandler: notFoundHandler,
errorHandler,
};
Error.ejs - My ejs file route ("./views/error.ejs")
<title><%= title %></title>
<body>
Alert!
</body>
.env file
PORT=5000