我在HTML页面的开头部分引用了库，但是当我键入以下内容时，我的JS文件中始终出现错误：
$(document).ready(function() {
});
错误是
错误：未定义$。 [no-undef]
我正在使用括号
HTML页面的完整代码
<!DOCTYPE>
<html>
<head>
<link rel ="stylesheet" type="text/css" href="/resources/CSS/style.css">
<link rel ="stylesheet" type="text/css" href="/resources/CSS/sitegrid.css">
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,300italic " rel="stylesheet">
<link href="https://unpkg.com/ionicons@4.4.4/dist/css/ionicons.min.css" rel="stylesheet">
<link rel = "shortcut icon" type ="image/png" href="resources/images/favicon.ico">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="resources/JS/scripts.js"></script>
</head>