Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Does not work with tinro and hash based routing

See original GitHub issue

Description

Does not work with https://github.com/AlexxNB/tinro Router with hash based routing.

Reproduction

  • npm init @vitejs/app
  • pick svelte
  • npm i -S tinro
  • change App.svelte to simple example:
<script>
  import { router, Route } from "tinro";
  router.mode.hash();
</script>

<main>
  <div>
    <button on:click={() => router.goto("/")}>START</button>
    <button on:click={() => router.goto("/test")}>test</button>
  </div>

  <Route>
    <Route path="/">START</Route>
    <Route path="/test">TEST</Route>
  </Route>
</main>
  • click TEST
  • should show “TEST”

Additional Information

  System:
    OS: Windows 10 10.0.19043
    CPU: (4) x64 Intel(R) Core(TM) i7-7500U CPU @ 2.70GHz
    Memory: 7.06 GB / 15.88 GB
  Binaries:
    Node: 14.15.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.5 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
    npm: 7.6.3 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: 89.0.4389.114
    Edge: Spartan (44.19041.906.0), Chromium (89.0.774.68)
    Internet Explorer: 11.0.19041.1
  npmPackages:
    @sveltejs/vite-plugin-svelte: next => 1.0.0-next.5
    svelte: ^3.35.0 => 3.37.0
    vite: ^2.1.5 => 2.1.5

vite:vite-plugin-svelte transformIndexHtml <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Svelte + Vite App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
 +300ms
  vite:vite-plugin-svelte resolveId /Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/vite/dist/client/client +62ms
  vite:vite-plugin-svelte resolveId /Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/vite/dist/client/client +5ms
  vite:vite-plugin-svelte resolveId /src/main.js +5ms
  vite:vite-plugin-svelte resolveId /src/main.js +1ms
  vite:vite-plugin-svelte resolveId /src/main.js +4ms
  vite:vite-plugin-svelte resolveId {
  id: './App.svelte',
  cssId: './App.svelte.css?svelte&type=style',   
  filename: './App.svelte',
  normalizedFilename: './App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501786,
  ssr: false
} +7ms
  vite:vite-plugin-svelte resolveId {
  id: '/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: '/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501789,
  ssr: false
} +3ms
  vite:vite-plugin-svelte resolveId {
  id: '/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: '/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501791,
  ssr: false
} +2ms
  vite:vite-plugin-svelte resolveId /Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/vite/dist/client/client +6ms
  vite:vite-plugin-svelte resolveId ./env +10ms
  vite:vite-plugin-svelte resolveId /node_modules/vite/dist/client/env.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/vite/dist/client/env.js +5ms
  vite:vite-plugin-svelte resolveId {
  id: '/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: '/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501818,
  ssr: false
} +3ms
  vite:vite-plugin-svelte resolveId {
  id: '/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: '/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501827,
  ssr: false
} +9ms
  vite:vite-plugin-svelte load {
  id: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501833,
  ssr: false
} +6ms
  vite:vite-plugin-svelte resolveId {
  id: '/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: '/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501847,
  ssr: false
} +14ms
  vite:vite-plugin-svelte transform {
  id: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/src/App.svelte',
  cssId: '/src/App.svelte.css?svelte&type=style',
  filename: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/src/App.svelte',
  normalizedFilename: '/src/App.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654501851,
  ssr: false
} +4ms
  vite:vite-plugin-svelte setting cssHash s-nH5PZLNcnzBp for /src/App.svelte.css?svelte&type=style +4ms
  vite:vite-plugin-svelte transform returns compiled js for C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/src/App.svelte +164ms
  vite:vite-plugin-svelte resolveId svelte/internal +3ms
  vite:vite-plugin-svelte resolveId did not resolve svelte/internal +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +6ms
  vite:vite-plugin-svelte resolveId /node_modules/.vite/tinro.js?v=119b4301 +3ms
  vite:vite-plugin-svelte resolveId C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/svelte-hmr/runtime/hot-api-esm.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +2ms
  vite:vite-plugin-svelte resolveId C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/.vite/tinro.js?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +4ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/vite/dist/client/env.js +5ms
  vite:vite-plugin-svelte resolveId /node_modules/vite/dist/client/env.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/vite/dist/client/env.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +9ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/.vite/tinro.js?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/.vite/tinro.js?v=119b4301 +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +9ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/.vite/tinro.js?v=119b4301 +6ms
  vite:vite-plugin-svelte resolveId {
  id: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502095,
  ssr: false
} +4ms
  vite:vite-plugin-svelte resolveId {
  id: '/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: '/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502102,
  ssr: false
} +6ms
  vite:vite-plugin-svelte resolveId {
  id: '/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: '/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502108,
  ssr: false
} +6ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +23ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +8ms
  vite:vite-plugin-svelte resolveId ../runtime/index.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/index.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/index.js +4ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +7ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +3ms
  vite:vite-plugin-svelte resolveId ./overlay.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/overlay.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/overlay.js +2ms
  vite:vite-plugin-svelte resolveId {
  id: '/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: '/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502184,
  ssr: false
} +19ms
  vite:vite-plugin-svelte resolveId {
  id: '/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: '/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502188,
  ssr: false
} +4ms
  vite:vite-plugin-svelte load {
  id: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502192,
  ssr: false
} +4ms
  vite:vite-plugin-svelte resolveId {
  id: '/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: '/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502199,
  ssr: false
} +7ms
  vite:vite-plugin-svelte transform {
  id: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte',
  cssId: '/node_modules/tinro/cmp/Route.svelte.css?svelte&type=style',
  filename: 'C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte',
  normalizedFilename: '/node_modules/tinro/cmp/Route.svelte',
  query: [Object: null prototype] {},
  timestamp: 1617654502204,
  ssr: false
} +5ms
  vite:vite-plugin-svelte setting cssHash s-3pqIzLhHggPO for /node_modules/tinro/cmp/Route.svelte.css?svelte&type=style +2ms
  vite:vite-plugin-svelte transform returns compiled js for C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/tinro/cmp/Route.svelte +93ms
  vite:vite-plugin-svelte resolveId svelte/internal +1ms
  vite:vite-plugin-svelte resolveId did not resolve svelte/internal +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId ./../dist/tinro_lib +2ms
  vite:vite-plugin-svelte resolveId /node_modules/tinro/dist/tinro_lib.js +2ms
  vite:vite-plugin-svelte resolveId C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/svelte-hmr/runtime/hot-api-esm.js +4ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +1ms
  vite:vite-plugin-svelte resolveId C:/Dev/Versuche/svelte/tinro-aktuell/vite-test/node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +3ms
  vite:vite-plugin-svelte resolveId /node_modules/tinro/dist/tinro_lib.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api-esm.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy-adapter-dom.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/index.js +6ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/index.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/overlay.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/overlay.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/index.js +3ms
  vite:vite-plugin-svelte resolveId ./hot-api.js +5ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api.js +4ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/overlay.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/tinro/dist/tinro_lib.js +9ms
  vite:vite-plugin-svelte resolveId /node_modules/tinro/dist/tinro_lib.js +2ms
  vite:vite-plugin-svelte resolveId /node_modules/tinro/dist/tinro_lib.js +3ms
  vite:vite-plugin-svelte resolveId svelte +3ms
  vite:vite-plugin-svelte resolveId did not resolve svelte +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/index.mjs?v=119b4301 +4ms
  vite:vite-plugin-svelte resolveId svelte/store +2ms
  vite:vite-plugin-svelte resolveId did not resolve svelte/store +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/store/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId svelte +3ms
  vite:vite-plugin-svelte resolveId did not resolve svelte +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId svelte/store +1ms
  vite:vite-plugin-svelte resolveId did not resolve svelte/store +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/store/index.mjs?v=119b4301 +4ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/store/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api.js +5ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/hot-api.js +27ms
  vite:vite-plugin-svelte resolveId ./proxy.js +8ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy.js +13ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy.js +19ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/index.mjs?v=119b4301 +46ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId ./internal/index.mjs +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/store/index.mjs?v=119b4301 +4ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/store/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/store/index.mjs?v=119b4301 +5ms
  vite:vite-plugin-svelte resolveId ../internal/index.mjs +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId ../internal/index.mjs +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy.js +28ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/proxy.js +4ms
  vite:vite-plugin-svelte resolveId ./svelte-hooks.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/svelte-hooks.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/svelte-hooks.js +3ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/svelte-hooks.js +18ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/svelte-hooks.js +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte-hmr/runtime/svelte-hooks.js +2ms
  vite:vite-plugin-svelte resolveId svelte/internal +8ms
  vite:vite-plugin-svelte resolveId did not resolve svelte/internal +2ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +1ms
  vite:vite-plugin-svelte resolveId /node_modules/svelte/internal/index.mjs?v=119b4301 +1ms

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
dominikgcommented, Apr 6, 2021

try to add tinro to optimizeDeps.exclude in vite.config.js

import { defineConfig } from 'vite'
import svelte from '@sveltejs/vite-plugin-svelte'

// https://vitejs.dev/config/
export default defineConfig({
  optimizeDeps:{
    exclude:['tinro']
  },
  plugins: [svelte()]
})
0reactions
kuechlermcommented, Apr 11, 2021

@dominikg That worked! Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

router.mode.hash() broken? #42 - AlexxNB/tinro - GitHub
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...
Read more >
ReactJS Bootstrap Navbar and Routing not working together
When I load the page, it is just empty, there is no Navbar. Can anyone spot a mistake? Navigation.js: import React, { Component...
Read more >
React Router DOM: How to handle routing in web apps
To demonstrate how React Router DOM works, we'll create an example React app. You can find an interactive demo on CodeSandbox.
Read more >
Hash-Based Techniques for High-Speed Packet Processing
This chapter surveys recent research on hash-based approaches to high-speed packet processing in routers. In this setting, it is crucial that all techniques...
Read more >
Complete Intro to React
Make sure ESLint isn't yelling at you and that your app still works. It should appear pretty much the same to you. The...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Support for ESM configs

Next page

hmr does not work for dependencies returned from svelte-preprocess