使用vux的时候图片编译出错

Question

报错

<template>
  <div class="grid">
    <group-title>rows = 2</group-title>
    <grid :rows="2">
      <grid-item :label="$t('Grid')" v-for="i in 2" :key="i">
        <img slot="icon" src="../assets/grid_icon.png">
      </grid-item>
    </grid>
  </div>
</template>

<script type="text/ecmascript-6">
  import { Grid, GridItem, GroupTitle } from 'vux'

  export default {
    components: {
      Grid,
      GridItem,
      GroupTitle
    },
    methods: {
      onItemClick () {
        console.log('on item click')
      }
    }
  }
</script>

<style scoped>
  .grid-center {
    display: block;
    text-align: center;
    color: #666;
  }
</style>

Answer 1

这个是图片路径有问题，换上你自己的图片就行了

Answer 2

确实是路径问题，和 vux 没关系，正确的路径应该为 '../../assets/grid_icon.png'。这是很早的问题, 已经解决，忘了关了。