Bootstrap加载后引入jQuery出现问题求助

• 已确认文件路径无误，此前调研未找到解决方案
• 使用版本：Bootstrap v2.0.2

错误场景1：先引入jQuery再引入Bootstrap JS #

引入顺序代码：

<head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
   <script src="lib/jquery/jquery-3.7.0.min.js"></script>
   <script src="lib/bootstrap/js/bootstrap.min.js"></script>
        
   <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
   <link rel="stylesheet" href="lib/bootstrap/css/bootstrap-responsive.min.css">
   <link rel="stylesheet" href="css/app.css">

   <script src="lib/angular/angular.min.js"></script> 
   <script src="js/app.js"></script>
</head>

触发错误：TypeError: $(...).modal is not a function

错误场景2：先引入Bootstrap JS再引入jQuery #

引入顺序代码：

<head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
        
   <script src="lib/bootstrap/js/bootstrap.min.js"></script>
   <script src="lib/jquery/jquery-3.7.0.min.js"></script>
        
   <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
   <link rel="stylesheet" href="lib/bootstrap/css/bootstrap-responsive.min.css">
   <link rel="stylesheet" href="css/app.css">

   <script src="lib/angular/angular.min.js"></script> 
   <script src="js/app.js"></script>
</head>

触发错误：Uncaught ReferenceError: jQuery is not defined

调整脚本引入顺序后问题仍未解决。

内容的提问来源于stack exchange，提问作者xertz