Problem using assets



  • I found the way the documentation (http://quasar-framework.org/guide/app-handling-assets.html) is confusing. I do not quite understand how I should use the assets, and how to put them in the background. It is giving a mistake and it seems from the webpack, but I do not know the right one.

    <template>
      <div class="background-index">
        <q-page class="flex flex-center">
          <div class="self-end full-width">
    
            <transition-group
              appear
              enter-active-class="animated fadeIn"
              leave-active-class="animated fadeOut"
            >
    
              <q-btn class="full-width q-mb-sm q-mx-lg" color="primary" label="Entrar" key="login-button" @click="$router.push('/user/login')" />
              <q-btn class="full-width q-mb-md q-mx-lg" color="faded" label="Faça parte" key="singup-button" @click="$router.push('/user/register')" />
            </transition-group>
          </div>
        </q-page>
      </div>
    </template>
    
    <style>
    .background-index {
      background: url(./assets/exportada1.png);
    }
    </style>
    
    <script>
    export default {
      name: 'PageIndex'
    }
    </script>
    

    Erro:
    alt text



  • Resolve: background: url(../statics/background/exportada1.png);



  • <@singularity>-<⎇ master>-<±>-> quasar -v
    0.15.11