更改 url 但不呈现 javascript

Question

我的路由器有问题。 Url 正在正常更改但未在我的代码中呈现组件

import Error404Screen from './SCREENS/Error404Screen.js';
import HomeScreen from './SCREENS/HomeScreen.js';
import ProductScreen from './SCREENS/ProductScreen.js';
import { parseRequestUrl } from './utiles.js';
const routes = {
    '/':HomeScreen,
    '/product/:id': ProductScreen,
};
const router = () =>{
    const request = parseRequestUrl();
    const parseUrl =
     (request.resource ? `/${request.resource}`:'/') +
    (request.id? '/:id': '') +
    (request.verb ? `/${request.verb}`:'');
    const screen= routes[parseUrl] ? routes[parseUrl] : Error404Screen;
    const main = document.getElementById("main-containter");
    main.innerHTML=screen.render();
};
window.addEventListener('load', router);
window.addEventListener('hashchange',router);