[solved[ starting with quasar... cannot show q-tab



  • hello, I starting my first component and like to put tabs following http://quasar-framework.org/components/tabs.html
    I tried to import Qtabs and QBtn globally and locally and still Qtabs not work, I started with quasar default template
    tried to put:
    import { QTabs, QBtn} from ‘quasar’

    export default {
    components: { QTabs, QBtn }, …etc

    and when tried to view page, there is a button and a blue line on top but not tabs and the console error is:

    [Vue warn]: Unknown custom element: <q-tab> - did you register the component correctly? For recursive components, make sure to provide the “name” option.

    found in

    —> <Lista> at src\components\Lista.vue
    <App> at src\App.vue
    <Root>



  • This post is deleted!


  • also if I put on App.vue the imports and exports (ant not on main.js) also not work

    <template>
    <!-- Don’t drop “q-app” class -->
    <div id=“q-app”>
    <!–router-view /–>
    <template>
    <div>
    <q-tabs name=“tab”>
    <q-tab slot=“title” name=“tab-1” icon=“message” />
    <q-tab slot=“title” name=“tab-2” icon=“fingerprint” />
    <q-tab slot=“title” name=“tab-3” icon=“account_box” />
    </q-tabs>
    </div>
    </template>
    </div>
    </template>

    <script>
    import {
    QTabs,
    QBtn
    } from ‘quasar’

    /*

    • Root component
      */
      // export default {}
      export default {
      name: ‘Lista’,
      components: {
      QTabs,
      QBtn
      }
      }
      </script>

    <style></style>



  • why button and q-tabs works but not “q-tab”?

    vue.runtime.esm.js?ff9b:567 [Vue warn]: Unknown custom element: <q-tab> - did you register the component correctly? For recursive components, make sure to provide the “name” option.

    found in

    —> <Lista> at src\App.vue
    <Root>



  • I see… I not imported QTab, sorry, I’m new to this… I struggle all the day from yesterday to make it to work :(


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.