报错：Uncaught ReferenceError: $ is not defined

环境：

Python3.7

Django3.0

pycharm2019.3

源代码是这么写的

 1 <html lang="en">
 2 <head>
 3     <meta charset="UTF-8">
 4     <title>Title</title>
 5 </head>
 6 <body>
 7     <h1>学生信息列表</h1>
 8     <button id="btn">显示学生信息</button>
 9     <script type="text/javascript"
10             src="/static/myApp/js/sunck.js"></script>
11 </body>
12 </html>

但是现实错误：Uncaught ReferenceError: $ is not defined

报错：Uncaught ReferenceError: $ is not defined

原因：JS包没导入，在页面导入JS文件时，jQuery包要保证放在其余JS文件上方。

导入jQuery包后修改如下：

 1 <html lang="en">
 2 <head>
 3     <meta charset="UTF-8">
 4     <title>Title</title>
 5 </head>
 6 <body>
 7     <h1>学生信息列表</h1>
 8     <button id="btn">显示学生信息</button>
 9     <script src="/static/myApp/js/jquery-3.1.1.min.js"></script>
10     <script type="text/javascript"
11             src="/static/myApp/js/sunck.js"></script>
12 </body>
13 </html>

报错：Uncaught ReferenceError: $ is not defined