vite设置alias用@代替src失败的解决方法！

不知道为什么vite创建vue3用@一直不生效

报错：[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Does the file exist?

查了网上的资料最后的解决方法是：

## 先安装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')
    }
  }
})

## 最后再运行项目，就能愉快的使用@来代替src啦
npm install