При обновлении страницы ошибка 404

"use strict";

const routes = {
  "/": "./pages/activity.html",
  "/home": "./pages/activity.html",
  "/map": "./pages/map.html",
  "/time": "./pages/time.html",
};

const route = (event) => {
  event = event || window.event;
  event.preventDefault();
  window.history.pushState({}, "", event.target.href);
  handleLocation();
};

const handleLocation = async () => {
  const parsePath = window.location.pathname.split("/");
  const path = "/" + parsePath[parsePath.length - 1];
  const html = await fetch(routes[path]).then((data) => data.text());
  document.getElementById("app").innerHTML = html;

  updateActiveButtons(path);
};

// Отслеживает back, go
window.addEventListener("popstate", handleLocation);

// Для начальной обработки
document.addEventListener("DOMContentLoaded", handleLocation);

<a href="map">
  <p>Map</p>
</a>