无法使FitVids工作，获得“$（...）。fitVids不是函数”错误

Question

我有一个使用create-react-app制作的反应应用程序。我在网站上有一些视频，我正在努力使应用程序响应。我找到了FitVids库（https://github.com/davatron5000/FitVids.js/），它本应该做到这一点但我无法让它工作。我想我正在用jQuery搞砸一些基本的东西。

我在index.html文件中包含脚本标记以包含jQuery并将FitVids文件链接到我的应用程序。我已经尝试将脚本标记放入和放入，并且我将包含jquery.fitvids.js文件的文件夹放在根文件夹，公共文件夹和src文件夹中（正确地更新脚本标记中的路径） go）似乎什么都没有用，我不确定我做错了什么。

在我的index.html文件中：

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

<script src="js/jquery.fitvids.js"></script>

<script>
  $(document).ready(function(){
    // Target your .container, .wrapper, .post, etc.
    $(".video-container").fitVids();
  });
</script>

在控制台中我不断收到错误：“未捕获TypeError：$（...）。fitVids不是函数”。

非常感谢任何见解！