مشکل در import کردن owl carousel در vue js

سلام
من تو استفاده کردن از owl carousel در vue js مشکل دارم و با ارور مواجه میشم:

owl.carousel.js?555f:1718 Uncaught TypeError: Cannot read property 'fn' of undefined
    at eval (owl.carousel.js?555f:1718)
    at eval (owl.carousel.js?555f:1755)
    at Object../node_modules/owl.carousel/dist/owl.carousel.js (app.js:1829)
    at __webpack_require__ (app.js:724)
    at fn (app.js:101)
    at Module.eval (main.js:14)
    at eval (main.js:39)
    at Module../src/main.js (app.js:2249)
    at __webpack_require__ (app.js:724)
    at fn (app.js:101)

main.js:

import Vue from 'vue';
import App from './App';

import "bootstrap/dist/css/bootstrap.css";
import "./assets/css/bootstrap-rtl.css";

import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";

import "./assets/css/linearicons.css";
import "./assets/css/flaticon.css";
import "./assets/css/main.css";

global.jQuery = require('jquery');
var $ = global.jQuery;
window.$ = $;

import "bootstrap";
import "owl.carousel";

Vue.config.productionTip = false;

new Vue({
  render: h => h(App),
}).$mount('#app');

راه حل چیست؟