[ERROR] Missing "./auto/routes" specifier in "vue-router" package

[rojadesign]

> npm run serve

Error:   Failed to scan for dependencies from entries:
  repo/index.html

  ✘ [ERROR] Missing "./auto" specifier in "vue-router" package [plugin vite:dep-scan]

    src/main.tsx:7:7:
            import {
              createWebHistory,
              createRouter,
              setupDataFetchingGuard
      7 │  } from 'vue-router/auto';
        ╵        ~~~~~~~~~~~~~~~~~~~~~~~~

  This error came from the "onResolve" callback registered here:

    node_modules/vite/node_modules/esbuild/lib/main.js:1292:20:
      1292 │       let promise = setup({
           ╵                     ^

This happens to me when I update @vitejs/plugin-vue-jsx ^1.3.2 → ^3.0.2 (no idea why I use such an old version lol). I renamed all .tsfiles to .tsx which works fine except this error appearing.

Could this be relevant/similar to vitejs/vite#1505?

[JenuelDev]

have you trued re installing the dependecies again.,, by removing node_modules and reinstalling it again?

[rojadesign]

Thanks for the response! I just tried it - but with no success.

Error:   Failed to scan for dependencies from entries:
  repo/index.html

  ✘ [ERROR] Missing "./auto" specifier in "vue-router" package [plugin vite:dep-scan]

    src/main.tsx:7:7:
      7 │ } from 'vue-router/auto';
        ╵        ~~~~~~~~~~~~~~~~~

  This error came from the "onResolve" callback registered here:

    node_modules/vite/node_modules/esbuild/lib/main.js:1292:20:
      1292 │       let promise = setup({
           ╵                     ^

    at setup (file:///repo/node_modules/vite/dist/node/chunks/dep-df561101.js:44679:19)
    at handlePlugins (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:1292:21)
    at buildOrContextImpl (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:978:5)
    at Object.buildOrContext (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:786:5)
    at /repo/node_modules/vite/node_modules/esbuild/lib/main.js:2186:68
    at new Promise (<anonymous>)
    at Object.context (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:2186:27)
    at Object.context (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:2026:58)
    at prepareEsbuildScanner (file:///repo/node_modules/vite/dist/node/chunks/dep-df561101.js:44462:26)


    at failureErrorWithLog (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:1649:15)
    at /repo/node_modules/vite/node_modules/esbuild/lib/main.js:1058:25
    at runOnEndCallbacks (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:1484:45)
    at buildResponseToResult (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:1056:7)
    at /repo/node_modules/vite/node_modules/esbuild/lib/main.js:1068:9
    at new Promise (<anonymous>)
    at requestCallbacks.on-end (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:1067:54)
    at handleRequest (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:729:19)
    at handleIncomingPacket (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:755:7)
    at Socket.readFromStdout (/repo/node_modules/vite/node_modules/esbuild/lib/main.js:679:7)

[rojadesign]

Finally found the problem: I was using Node 20 - using v18.17.1 (npm v9.6.7) works.
Reference: angular/angular-cli#25782