vite不能用@做为路径的解决方法

vite创建vue3后，发现原来用@做为路径的不能用了，报错信息是

Internal server error: Failed to resolve import "@

在网上查了一下资料，解决方法如下

首先安装path

npm install --save-dev @types/node

找到vite.config.js文件，添加信息

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

最后

npm install

问题解决