Cannot find module 'vue-router/auto' or its corresponding type declarations

Question

Cannot find module 'vue-router/auto' or its corresponding type declarations

Closed this issue 4 months ago · 17 comments

With version 0.8.x the typings for vue-router/auto disappeared. They don't seem to be part of the unplugin-vue-router/client that gets added to tsconfig, nor are they present in the typed-router.d.ts anymore

which leands to

repo: https://github.com/Ribeiro-Tiago/repro-repo

Answer 1 · 2024-02-22T16:44:21.000Z

I cannot reproduce, I get the same issue as #322. You might have hit a cache issue?

Answer 2 · 2024-02-22T16:48:07.000Z

:(

what would be caching this do you think ? I created a new project for that reproducible

Answer 3 · 2024-02-22T19:12:25.000Z

That’s weird but I can’t reproduce it

Answer 4 · 2024-02-24T09:15:43.000Z

Can you try with the new version? I still can't reproduce it

Answer 5 · 2024-02-25T21:42:31.000Z

I can reproduce of typed-router.d.ts missing the /auto the module after upgrading to 0.8. This was on a project using create vuetify. Steps to reproduce:

npm create vuetify@latest - At time of writing, this comes with unplugin-vue-router 0.7
npm run dev - see that vue-router/auto is in d.ts
update package.json to 0.8
npm run dev - see that vue-router/auto has disappeared

Only the auto-routes module renamed in 0.8 is generated.

Answer 6 · 2024-02-26T07:48:11.000Z

@juw177 there is a client file to add (instructions in changelog)

the template will need to be updated alongside this package

Answer 7 · 2024-02-26T07:57:06.000Z

Thanks @posva , yes, I have added "types": ["unplugin-vue-router/client"], to tsconfig but still didn't work. Strangely, even in the example on the setup page, there is no module called vue-router/auto:

Answer 8 · 2024-02-26T08:11:27.000Z

Still nothing with 0.8.4. Not sure if it matters, but I'm using yarn v4 pnp as package manager

Answer 9 · 2024-02-26T08:27:51.000Z

I have the same problem have to go back to 7.0.

Answer 10 · 2024-02-26T09:56:39.000Z

@Ribeiro-Tiago #118
@juw177 the module declaration was moved to unplugin-vue-router/client, that's why it's not there.
I will be happy to take a look if anybody can provide a reproduction (without yarn pnp ofc)

Answer 11 · 2024-02-26T10:17:48.000Z

Setting moduleResolution: Bundler (+ changes mentioned in changelog) fix it for the vuetify template. I added that to the docs: 76f9392

Answer 12 · 2024-02-26T10:19:24.000Z

Thanks @posva , that worked. As for @Ribeiro-Tiago , I think the problem with your confis is you have defined types twice so overwrote the other.

Answer 13 · 2024-02-26T11:47:16.000Z

Thanks It was the "moduleResolution": "Bundler" that fix it.

Answer 14 · 2024-02-28T18:47:38.000Z

@posva indeed, using "moduleResolution": "Bundler", does the trick

It does break typing for vuex imports, Could not find a declaration file for module 'vuex'. but this result could not be resolved when respecting package.json "exports". The 'vuex' library may need to update its package.json or typings, but this seems to be a good enough workaround, and I'll be replacing vuex with pina soon ™️ so doesn't matter much :p

Answer 15 · 2024-02-29T18:22:26.000Z

I think Vuex types need to be fixed 😅

Answer 16 · 2024-03-27T17:13:21.000Z

For folks who ran into this even with moduleResolution: Bundler — try bumping up vue-router from 4.1 to 4.3. That fixed it for me!

Answer 17 · 2024-05-25T06:52:00.000Z

For folks who ran into this even with moduleResolution: Bundler — try bumping up vue-router from 4.1 to 4.3. That fixed it for me!

This (and none of the previous solutions in this page) was what made it work for me, thank you!