Vue3 + vite 项目 @指向src目录

问题：vue3项目使用@/xxx的url引用方法时，找不到报错：Cannot find declaration to go to

解决如下，配置版本是vue3+vite5写法

1、安装path

npm install path

2、打开 vite.config.js 文件，并进行配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from "path";
const pathResolve = (dir) => resolve(__dirname, dir);

export default defineConfig({
  plugins: [
    vue(),
    ],
  resolve: {
    alias: {
      "@": pathResolve("./src")  // 注意这里可能需要根据你的项目结构调整，通常应该是 './src'
    }
  }
})

3、配置好后即可使用。@符号即指向src目录