Error: No match for {"name":"JobPage","params":{"id":"1"}}

[Wolverin-e]

I am getting an Error while

• <RouterLink :to="{ name: 'JobPage', params: { id: job.id }" }>Some Text</RouterLink>
• router.push({ name: 'JobPage', params: { id: job.id })

Error:

Job ID Page has:

Pages Structure:

How I am using it:

I am using

• "unplugin-vue-router": "^0.10.0",
• "vue-router": "^4.4.0"

Can someone please help me, how to resolve this?

[Wolverin-e]

Never Mind, It started working after I restarted the server.

[posva]

Oh I think I forgot to update the docs and this might be related to HMR. It's now better to add this:

import { createRouter, createWebHistory } from 'vue-router'
import { routes, handleHotUpdate } from 'vue-router/auto-routes'

export const router = createRouter({
  history: createWebHistory(),
  routes,
})

if (import.meta.hot) {
  handleHotUpdate(router)
}

And it should work without restarting or reloading the page

[posva]

I pushed an hmr page with this

[Wolverin-e]

Thanks Eduardo for the quick reply & this library,
I like using it 👍