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

[Fabiansilva]

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>

[Fabiansilva]

This post is deleted!

[Fabiansilva]

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>

[Fabiansilva]

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>

[Fabiansilva]

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