vue 相对路径找不到图片

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第5天，点击查看活动详情。(juejin.cn/post/705288… "juejin.cn/post/705288…

报错

This relative module was not found: ../../../assets/images/goodsManage/yes.png 

但是相对路径是正确的

使用： ~@ 改为绝对路径

img标签中相对路径引用

<img  src="~@/assets/img/duihao.png" alt="">

使用require引用

<img :src="require('@/assets/img/duihao.png')" alt="">

使用import引用

<template>
    <div>
        <img :stc="imgUrl" alt="imgUrl是data属性"/>
    </div>
</template>
<script>
import  imgUrl from '@/assets/img/duihao.png'
export default {
   data(){
       return {
           imgUrl
        }
   }
}
</script>

背景图相对路径引用

background: url(~@/assets/img/donw4.png) no-repeat;