Не удается прочитать свойство 'fn' из неопределенного в VueJS

Question

У меня есть проект, использующий VueJS.У меня проблема.Я хочу использовать owl.carousel.Я установил его с помощью этой команды

 npm install --save owl.carousel

и импортировал его следующим образом:

<script>
import jQuery from 'jquery'
let $ = jQuery
import 'owl.carousel/dist/assets/owl.carousel.css';
import 'owl.carousel';
export default {
    name: "SlideShow"
}
</script>

И шаблон:

<template>
<div class="owl-carousel owl-theme">
    <div> Your Content </div>
    <div> Your Content </div>
    <div> Your Content </div>
    <div> Your Content </div>
    <div> Your Content </div>
    <div> Your Content </div>
    <div> Your Content </div>
</div>
</template>

Тогда у меня ошибка:

Uncaught TypeError: Невозможно прочитать свойство 'fn' из неопределенного.

Пожалуйста, помогите мне решить эту проблему.Большое спасибо !!!

Answer 1

Hai Импорт jquery, как этот формат

import * as jQuery from 'jquery'; window['jQuery'] = jQuery;