一、根目录下 vite.config.ts 文件中配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import {resolve} from 'path'

export default defineConfig({
  plugins: [vue()],
  resolve:{
    alias:{
      '@':resolve('./src')
    }
  },
  base:'./',
  server:{
    port:4000,
    open:true,//启动自动打开浏览器
    cors:true//允许跨域
  }
})

注意：如果path模块引入报错，执行如下命令

pnpm install @types/node -D

二、根目录下 tsconfig.json 文件中配置

//配置 @
"baseUrl": ".",
"paths": {
    "@/*": ["src/*"]
}

配置完以上两点即可解决ts文件不是别@的问题