笔记-vue3+vite+ts报错：找不到模块“@/xxxxxx”或其相应的类型声明。

场景：通过"@/xxx引入文件的时候，报错：找不到模块“@/xxxxxx”或其相应的类型声明。

1. 在ts.config.json中添加：

   {
       "compilerOptions": {
           "baseUrl": "./"  // 解析非相对模块的基础地址，默认是当前目录
           "paths"： { // 路径映射，相对于baseUrl
               "@/*": ["src/*"]
           }
       }
   }
   

   注：注意@/和src/后面的*号，如果缺少了还是会报错！！！

2. 如果在引入vue文件报错时，要在vite.config.ts中配置文件系统路径别名

   import path from 'path'
   import { defineConfig } from 'vite'
   import vue from '@vitejs/plugin-vue'
   
   export default defineConfig({
       resolve: {
           alias: {
               '@': path.resolve(__dirname, 'src')
           } 
       },
       plugins: [
           vue()
       ]
   })