[SOLVED] Adding in Quasar with Vite

[angelhdzmultimedia]

I'm struggling here to get it working on a Quasar CLI with Vite project.

In the quasar config, in the vitePlugins array, I added require('unplugin-vue-router/vite').

Then, in the src/router/index.ts, replaced the exported function with the createRouter from vue-router/auto,
but it complains it doesn't find that module.

I tried reloading VSCode, restarting TypeScript server, deleting node_modules and reinstalling deps with pnpm.
Tried adding the --shamefully-hoist flag to pnpm install. Tried ditching pnpm and using npm.

Searched the Issues, the Discussions, Google, nothing.

Any kind answer will be read and appreciated.

[angelhdzmultimedia]

Update

Got it working on a pure Vue 3 + Vite project (with create-vue using pnpm create vue).

This is the error I get in the browser on the Quasar + Vite project:

And in the terminal:

[posva]

You need to start running the dev server so the d.ts fille is generated

[angelhdzmultimedia]

Solved

typed-router.d.ts was there. That's why I was so confused because I was following the guide step by step, even the TypeScript section.

The issue was vitePlugins array in Quasar configuration. It didn't accept the package import as vitePlugins: [ [ require("unplugin-vue-router/vite") ] ]. I changed it to vitePlugins: [ [ "unplugin-vue-router/vite" ] ] and it worked right away.