owl.carousel.js:1658 Uncaught TypeError: Cannot read property 'fn' of undefined about ngx-owl-carousel

[amitgaur208]

This issue not solved for me..

[rainstormza]

but there is no carousel

my code

html

<owl-carousel [options]="{items: 3, dots: false, navigation: false}" [items]="images" [carouselClasses]="['owl-theme', 'row', 'sliding']">
<div class="item" *ngFor="let image of images;let i = index">
<div class="thumbnail-image" [ngStyle]="">

typescript

import { Component, ViewChild } from '@angular/core';
import {OwlCarousel} from 'ng2-owl-carousel';

@component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app works!';
@ViewChild('owlElement') owlElement: OwlCarousel

images: Array = [0,1,2,3,4,5,6,7,8,9,10];

fun() {
this.owlElement.next([200])
//duration 200ms
}
}

[mujtaba01]

Update scripts key in your angular-cli.json to include jQuery

"scripts": [
"../node_modules/jquery/dist/jquery.js"
]

http://ayoubgdah.com/blog/using-jquery-with-angular-2-angular-cli/

[rainstormza]

error was gone but data doesn't look like what I expect
Is this about owl carousel css file ?

[mujtaba01]

Yes you need to include owl carousel css file.