无法读取VueJS中未定义的属性'fn'

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>

然后我有一个错误：

  

未捕获的TypeError：无法读取未定义的属性'fn'。

请帮助我解决此问题。非常感谢！！！

Answer 1

像这样的格式hai import jquery

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

Answer 2

这是因为缺少jQuery，您可以按照@ goarun12指令进行操作，或直接在HTML中添加脚本导入

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

根据需要，将您的问题标记为已解决

Answer 3

需要根据排序后的bootstrap对script标签进行排序