Static GitHub Issues

[2283] Nuxt.js + Vuetify.js component injection problem

prev: How to recreate page on same link?
next: Bug: Live Reload works incorrectly with Vue plugin registration

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?

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1999">#c1999</a>)</em></sub></div>