Estoy tratando de aprender cómo funciona una pequeña biblioteca de enrutamiento para aplicaciones de JavaScript: page.js Así que hice una aplicación muy pequeña para mis propios fines de aprendizaje, pero por alguna razón no puedo hacer que funcione correctamente. La aplicación es realmente tan simple como parece: una carpeta llamada test-routing con un archivo y una carpeta en ella: index.html y src; la carpeta src también tiene un archivo: app.js y otra carpeta: vistas, con 3 archivos: home.js, page1.js y page2.js

El archivo html tiene una etiqueta de cuerpo vacía y en la etiqueta principal escribí esto:

<script src="./src/app.js" type="module"></script>

En app.js hay esto:

 import page from '../node_modules/page/page.mjs'; import { home } from './views/home.js'; import { page1 } from './views/page1.js'; import { page2 } from './views/page2.js'; page('/',home); page('/first',page1); page('/second/:id',page2); page.start();

Cada uno de los tres archivos en la carpeta de vistas tiene una línea de código:

casa.js
export function home(){ console.log('HOME PAGE'); }

página1.js
export function page1(){ console.log('PAGE ONE'); }

página2.js
export function page2(context, next){ console.log('PAGE TWO', context.params.id); }

Junto con page.js también instalé localmente el servidor en vivo. Lo ejecuté y comenzó a funcionar correctamente en el puerto 8080.

Mis expectativas eran que cuando vaya a http://localhost:8080 encontraría 'PÁGINA DE INICIO' en la consola y ese fue el caso.

Pero cuando probé con http://localhost:8080/first y http://localhost:8080/second/2, recibí en ambos casos 404 (No encontrado) en la consola en lugar de 'PÁGINA UNO' y 'PÁGINA DOS 2' y también estaba impreso en la propia página web 'Cannot GET /first' y 'Cannot GET /second/2' respectivamente.

¿Alguien puede decirme dónde me equivoqué, por favor?

¡Muchas gracias por adelantado!