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.重启编辑器