`router.mode.hash()` broken?

Hello! New user here, so I may very well be getting something wrong.

I tried setting the router mode like this (in my index.html before I load the Svelte app):

<script type="module">
    import {router} from "tinro"
    router.mode.hash()
</script>

And alternatively like this (inside my .svelte app file):

<script context="module">
    import {router} from "tinro"
    router.mode.hash()
</script>

But while I can confirm that the code runs in either location… an <a href="/foo/"> still uses the History API to change the location to point to a non-existent page (/foo/). (I expected something like /myapp/#/foo/.)

The Route does work and display properly in my window, but if I reload the page the URL doesn’t work because I don’t have (and don’t want) server-side support for wrong URLs.

[Update]: There are also no errors in the console. I’m running FireFox 84.0.1.

[AlexxNB]

I’m not sure how those changes fixed it,

Heh… There was my mistake in modules bundling - router which used Route component and router which you imported was two different things, so nothing happening when you changed mode.

Module is using in REPL. But some Svelte templates also load module ("main" or "module" field in package.json) instead Route.svelte. I recomend to avoid such templates, because it will dublicate svelte code in your bundle.

[NfNitLoop]

Huh! 0.5.5 works! I’m not sure how those changes fixed it, but I confirmed that if I switch back to 0.5.3, links do not insert the #, and if I switch back to 0.5.5, they do. 🎉 Thanks!

I’m still having the issue above with the browser back button, but I’ll open a separate issue for that.