关于vite创建vue3项目@代替src失效的问题

用vite创建的vue3项目，用@来代替src不生效。报错：[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 @type/node

• 在vite.config.js文件中，添加相应的配置

import { resolve } from 'path'

export default defineConfig({
  plugins: [
    vue(),
  ],

   resolve:{
    alias:{
      '@':resolve('src')
    }
  }
})

• 最后npm i 一下依赖，重新运行项目就可以使用@了