Cannot find module '/@/xxx' or its corresponding type declarations.Vetur(2307)

• I have searched through existing issues
• I have read through docs
• I have read FAQ
• I have tried restarting VS Code or running Vetur: Restart VLS

Info

• Platform: macos
• Vetur version: v.0.33.1
• VS Code version: 1.55.2
• vue version: 3.0.0

Problem

Reproducible Case

cannot find module /@/xx on vite2 app.

// vitejs config
alias: {
        '/@': path.resolve(__dirname, 'src') 
      }

base on issue https://github.com/vuejs/vetur/issues/1896 and mr https://github.com/vuejs/vetur/pull/2525, but the error is still having

[twknab]

Just wanted to add that in addition to updating tsconfig.json as described here, I also had to create a shims-vue.d.ts file (per StackOverflow thread) and place it in my root Vue directory.

Here’s the contents of the file:

declare module "*.vue" {
  import type { DefineComponent } from "vue";
  const component: DefineComponent<
    Record<string, unknown>,
    Record<string, unknown>,
    unknown
  >;
  export default component;
}

🥲

[yoyo930021]

https://vuejs.github.io/vetur/guide/FAQ.html#vetur-can-t-recognize-components-imported-using-webpack-s-alias