The routing does not take effect and always changes to 404.html

[exqmjmz]

svelte version:4.2.12
my app.svelte code

<script lang="ts">
  import { Router } from 'svelte-router-spa'
  import { TestRoutes } from "@/routers/routers";

</script>
<Router {TestRoutes} />

my routers.js code

import Login from "@/pages/login.svelte";

export const TestRoutes = [
    {
        name: '/login',
        component: Login,
    }
]

When I try to access localhost:5173/login, the routing does not take effect.
The routing does not take effect and always changes to 404.html.