The easiest failed to work. Help.



  • This is one of those days that nothing works. Am I out of mind??? Why? The first image won’t show but the second does.

    <template>
      <q-page class="flex flex-center">
        <q-img :src="imgLink" style="width: 200px" />
        <q-img src="~assets/images/grace-1.png" style="width: 200px" />
      </q-page>
    </template>
    
    <script>
    export default {
      name: 'PageIndex',
      data () {
        return {
          imgLink: '~assets/images/grace-1.png'
        }
      }
    }
    </script>
    
    


  • Never mind. After I moved the images to /public, all is working. But still, why?? Note though: this is a newly setup dev environment (node + quasar cli). Something must have changed. It is simply ridiculous that such a simple thing does not work.


Log in to reply