экспресс не регистрирующиеся маршруты

Question

Я прочитал множество подобных вопросов, но все еще не могу определить, что я делаю неправильно.Экспресс просто не регистрирует маршруты, которые я импортировал.Я получаю следующее при попытке http://localhost:3000/api/visualr

Невозможно получить / api / visualr

Это мой файл server.js:

const debug = require("debug")("app:server");
const morgan = require("morgan"); //http logger
const visualr = require("./routes/visualr");
const home = require("./routes/home");
const express = require("express");
const app = express();

app.set("view engine", "pug");

app.use(express.json());
app.use(express.urlencoded({ extended: true }));
app.use(express.static("public"));

app.use("api/visualr", visualr);
app.use("/", home);

if (app.get("env") === "development") {
  app.use(morgan("tiny"));
  debug("Morgan enabled...");
  debug(app._router.stack.filter(r => r.route).map(r => r.route.path));
}

const port = process.env.PORT || 3000;
app.listen(port, () => debug(`RESTful API server started on: ${port}...`));

Это .routes / visualr.js:

const service = require("../services/visualr");
const debug = require("debug")("routes:visualr");
const express = require("express");
const router = express.Router();

router.get("/", (req, res) => {
  debug(service);
  res.json("Hola VisualR");
});

module.exports = router;

и home.js:

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

router.get("/", (req, res) => {
  res.render("index", { title: "My express App", message: `${res}` });
});

module.exports = router;