vite--在vite配置文件中，别名设置报错--net::ERR_ABORTED 404 (Not Found)

在vite.config.js配置文件中，设置别名：

export default{
    alias: {'@':''./src}
}

在页面中直接使用：

import HelloWorld from '@/components/HelloWorld.vue'

页面控制台直接报错：

 解决方法：

const {resolve} =require('path')
export default{
    alias:{
        '/@/':resolve(__dirname,'src')
    }
}

注意：

使用时：

import HelloWorld from '/@/components/HelloWorld.vue'