无法使用jQuery配合使用ropopiejs

如何解决无法使用jQuery配合使用ropopiejs

我正在尝试使用jQuery在我的react应用程序中使用croppie Js，我已将以下代码添加到index.html中：

<link rel="stylesheet" href="croppie.css" />
<script src="jquery-3.5.1.min.js"></script>
<script src="croppie.js"></script>

我已经下载了所有三个文件，并将它们放在公用文件夹中。在我的组件中，我试图像这样使用croppie：

componentDidMount() {
    $(document).ready(function(){
        $("#image").croppie({
            url: 'http://foliotek.github.io/croppie/demo/demo-1.jpg',});
    });
}

但出现以下错误：

TypeError：jquery__WEBPACK_IMPORTED_MODULE_45 ___ default（...）（...）。croppie不是函数

我曾尝试从Google和https://github.com/Foliotek/Croppie/issues/370获取信息，但错误仍然相同。