Home

Issue: 2283

Nuxt.js + Vuetify.js component injection problem

[issue link]

Use this repo - https://github.com/nzxt/vue-nuxt.git
or

  1. Create nuxt.js + vuetify.js project using vue-cli:
    vue init vuetifyjs/nuxt w/o a-la-carte.
  2. Edit any page component (inspire.vue in my case) adding v-carousel element on it.
  3. npm i && npm run dev
  4. Go to localhost:3000/inspire page.
  5. Get error:
  • On page:
    Cannot read property 'unregister' of undefined
  • In console:
[Vue warn]: Injection "carousel" not found
found in
---> <VCarouselItem>
       <VCarousel>
         <Pages\inspire.vue> at pages\inspire.vue
           <Nuxt> at .nuxt\components\nuxt.vue
             <VContent>
               <VApp>
                 <Default> at layouts\default.vue
                   <Root>

If you remove v-carousel-item from v-carousel - Carousel shows on page and seems no errors in console.

Almost same thing happens with v-stepper component, console says:
Did you import 'v-stepper-items' correctly?

Where to dig in?

This question is available on Nuxt.js community (#c1999)