nativescript-carousel
nativescript-carousel copied to clipboard
manijak
Carousel not working
I just install the plugin using nativescript sidekick and add the code describe on this repo on demo-vue folder but when i run this i got this message. So is there a bug or it just a me doing something wrong
An uncaught Exception occurred on "main" thread. Calling is method onCreateView failed TypeError: Could not load view for: nativecarousel. TypeError: _nativescript_core_WEBPACK_I MPORTED_MODULE_0_.Property is not a constructor
StackTrace:
getViewClass(file:///data/data/org.nativescript .preview/files/app/tns_modules/nativescript-vue /dist/index.js:9186:11)
at
ElementNode(file:///data/data/org.nativescript.previ ew/files/app/tns_modules/nativescript-vue/dist /index.js:10048:21)
at
createElement(file:///data/data/org.nativescript.pre view/files/app/tns_modules/nativescript-vue/dist /index.js:10146:12)
at
createElement$1(file:///data/data/org.nativescript preview/files/app/tns_modules/nativescript-vue /dist/index.js:10164:23)
at
createElm(file:///data/data/org.nativescript.preview /files/app/tns_modules/nativescript-vue/dist/index .js:6794:19)
at
patch(file:///data/data/org.nativescript.preview/files /app/tns_modules/nativescript-vue/dist/index.js:
7322:7)
at
patchTemplate(file:///data/data/org.nativescript.pre view/files/app/tns_modules/nativescript-vue/dist /index.js:8512:20)
at 3:27
this is my app.js
Vue.registerElement('Carousel', () => require('nativescript-carousel').Carousel); Vue.registerElement('CarouselItem', () => require('nativescript-carousel').CarouselItem);
and this is my vue file
<Carousel height="100%" width="100%" pageChanged="myChangeEvent" pageTapped="mySelectedEvent" indicatorColor="#fff000" finite="true" bounce="false" showIndicator="true" verticalAlignment="top" android:indicatorAnimation="swap" color="white" > <CarouselItem id="slide1" backgroundColor="#b3cde0" verticalAlignment="middle" > <Label text="Slide 1" backgroundColor="#50000000" horizontalAlignment="center" /> </CarouselItem> <CarouselItem id="slide2" backgroundColor="#6497b1" verticalAlignment="middle" > <Label text="Slide 2" backgroundColor="#50000000" horizontalAlignment="center" /> </CarouselItem> <CarouselItem id="slide3" backgroundColor="#005b96" verticalAlignment="middle" > <Label text="Slide 3" backgroundColor="#50000000" horizontalAlignment="center" /> </CarouselItem> <CarouselItem id="slide4" backgroundColor="#03396c" verticalAlignment="middle" > <Label text="Slide 4" backgroundColor="#50000000" horizontalAlignment="center" /> </CarouselItem> </Carousel>
