Vue: Cannot find module @/xx/xx/xx.vue or its corresponding type declarations.

• 编辑器：Webstorm
• 项目技术栈：vite+vue+ts
• 解决
  1.vite.config.js设置别名

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

  2.src下创建globals.d.ts

  //通用声明
  // Vue
  declare module '*.vue' {import { DefineComponent } from 'vue';const component: DefineComponent<{}, {}, any>;export default component;
  }

  3.tsconfig.json添加别名 将.d.ts文件导入

  {"compilerOptions": {"baseUrl": "./","paths": {"@/*": ["src/*"]}},"include": ["src/**/*.d.ts", "src/types/**/*.d.ts"],
  }
  

  4.重启编辑器