Vue3 - vite 项目报错： require is not defined（解决el-image引入图片报错）

1、静态引入图片错误代码

<el-image src="@/assets/logo/logo.png" alt="" />

页面报错显示：

2、网上查了一些 ，很多都是说建议使用require,我也试了 ，代码没有提示错误，控制台报错了。

3、最终解决办法：

ts代码：

<script lang = 'ts' setup>
    const getImgUrl = () =>{
        return new URL(`@/assets/logo/logo.png`,import.meta.url).href
    }
</script>

html代码：

 <el-image :src="getImgUrl()" />

最终成功显示图片 ：