我无法添加简单的猫头鹰轮播滑块来响应应用

Question

我正在使用reactjs开发我的第一个应用程序 一切都很完美。

我有个想法要在我的应用程序中添加一个简单的图像滑块，所以我使用了OWL Carousel，因为它非常简单，并且我之前多次使用它。

我做了一些搜索，我在这里react-owl-carousel找到了这个NPM

但是第一步对我来说还不清楚。

  

您需要注入一个全局窗口。首先是jQuery

我认为我需要安装jquery，所以我要安装它

> npm install jquery

听起来很蠢！

然后我在组件中导入了这样的猫头鹰传送带

像这样

import OwlCarousel from "react-owl-carousel";
import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";

并用OwlCarousel标签包裹图像

像这样

<OwlCarousel
    className="owl-theme"
    loop
    margin={10}
    nav
>
    <img src="imgs/1.jpg" class="item"/>
    <img src="imgs/2.jpg" class="item"/>
    <img src="imgs/3.jpg" class="item"/>
    <img src="imgs/4.jpg" class="item"/>
    <img src="imgs/5.jpg" class="item"/>
</OwlCarousel>

我使用以下地址启动了服务器

> npm start

我得到了这个错误

  

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

我猜这是我第一步不清楚的步骤导致了此错误

任何想法！