How to fix type check?

[yurenklimbu]

Trying to check type but is shows "has no exported member". How can I fix it?

src/App.vue:2:10 - error TS2305: Module '"vue-router/auto"' has no exported member 'RouterLink'.

2 import { RouterLink, RouterView } from 'vue-router/auto';
           ~~~~~~~~~~

src/App.vue:2:22 - error TS2305: Module '"vue-router/auto"' has no exported member 'RouterView'.

2 import { RouterLink, RouterView } from 'vue-router/auto';
                       ~~~~~~~~~~

src/router/index.ts:1:10 - error TS2305: Module '"vue-router/auto"' has no exported member 'createRouter'.

1 import { createRouter, createWebHistory } from 'vue-router/auto';
           ~~~~~~~~~~~~

src/router/index.ts:1:24 - error TS2305: Module '"vue-router/auto"' has no exported member 'createWebHistory'.

1 import { createRouter, createWebHistory } from 'vue-router/auto';

https://stackblitz.com/edit/vitejs-vite-oefgbh?file=vite.config.ts,src%2FApp.vue&terminal=dev

[posva]

You need to add the reference comment: https://uvr.esm.is/introduction.html#setup.
There is no longer a vue-router/auto, just import from vue-router directly

[yurenklimbu]

Thank you @posva.
Unfortunately still got same errors.

Here are my config files.

//env.d.ts

/// <reference types="vite/client" />
/// <reference types="unplugin-vue-router/client" />

//tsconfig.app.json

{
    "extends": "@vue/tsconfig/tsconfig.dom.json",
    "include": ["src/**/*", "src/**/*.vue", "./typed-router.d.ts"],
    "exclude": ["src/**/__tests__/*"],
    "compilerOptions": {
      "composite": true,
      "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
  
      "baseUrl": ".",
      "paths": {
        "@/*": ["./src/*"]
      }
    }
  }  

//tsconfig.json

{
    "files": [],
    "references": [
      {
        "path": "./tsconfig.node.json"
      },
      {
        "path": "./tsconfig.app.json"
      },
      {
        "path": "./tsconfig.vitest.json"
      }
    ]
  }  

//tsconfig.node.json

{
    "extends": "@tsconfig/node20/tsconfig.json",
    "include": [
      "vite.config.*",
      "vitest.config.*",
      "cypress.config.*",
      "nightwatch.conf.*",
      "playwright.config.*"
    ],
    "compilerOptions": {
      "composite": true,
      "noEmit": true,
      "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
  
      "module": "ESNext",
      "moduleResolution": "Bundler",
      "types": ["node"]
    }
  }

//vite.config.js

import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import VueRouter from 'unplugin-vue-router/vite';
// https://vitejs.dev/config/
export default defineConfig({
    plugins: [vue(), VueRouter({})],
});

[TomT15]

not a solution but I am fairly certain that you need to have the vueRouter before the vue() in vite.config.js

export default defineConfig({
    plugins: [vue(), VueRouter({})],
});

👇🏻

export default defineConfig({
    plugins: [VueRouter({}), Vue()],
});

I checked your work. I am also experiencing the same issue