在饿了吗项目中的星星图片找不到

Question

star.vue

header.vue

<script>
  import star from '../star/star.vue'
  // import header from './components/header/header.vue'
  export default{
     props:{
         seller:{
             type:Object
         }
     },
     data(){
         return {
             detailShow:false
         };
     },
     methods:{
         showDetail(){
             this.detailShow = true 
         }
     },
     created(){
         this.classMap = ['decrease','discount','special','invoice','guarantee'];
     },
     components: {
      star
     }
  };

bg-image($url):


bg-image($url)
    background-image:url($url + "@2x.png")
    @media (-webkit-min-device-pixel-radio:3),(-min-device-pixel-radio:3)
        background-image:url($url + "@3x.png")

在header.vue引用图片可以的，可header组件引用star组件的时候，为什么星星的图片就发生报错了

编译错误：

Answer 1

有没有人遇过此类问题啊

Answer 2

Answer 3

图片名字引入出错了