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'