环境：vite+ts

需要安装types/node

npm install @types/node --save-dev

在tsconfig.json中添加

如果有tsconfig.app.json和tsconfig.node.json文件，则在app.json中添加

"compilerOptions": {
    "baseUrl":".",
    "paths": {
      "@/*": ["src/*"] // 映射 @/* 到 src/* 
    },
    
}，
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]

在vite.config.ts文件中加上如下代码

import { resolve } from "path"
 
resolve: {
    alias: {
      '@': resolve(__dirname, 'src') // 兼容src目录下的文件夹可通过 @/components/HelloWorld.vue写法 
    }
},

使用

配置好之后就可以在vue中使用“@/”了，不会再报错