Uncaught Error: Bootstrap’s JavaScript requires jQuery 原因与解决方法

一位朋友今天在自己用“PHP原生+Bootstrap”开发后台的时候,结果测试的时候,一直提示如下错误:

Uncaught Error: Bootstrap's JavaScript requires jQuery

中文翻译

未捕获的错误:Bootstrap的JavaScript需要引入jQuery

Uncaught Error: Bootstrap's JavaScript requires jQuery

 

最主要的是,他的 main.html 的确也是引入了jQuery,我们可以看下他的代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>管理后台首页</title>
    <!-- Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="http://127.0.0.1/453535/static/bootstrap/css/bootstrap.min.css">
    <!--Bootstrap 核心 JavaScript 文件 -->
    <script src="https://127.0.0.1/453535/static/bootstrap/js/bootstrap.min.js"></script>
    <!--jQuery生产版本 核心 JavaScript 文件 -->
    <script src="https://127.0.0.1/453535/static/jquery/jquery.min.js"></script>
</head>

 

解决方法

以我的这位朋友遇到的情况为例子,他本身已经引入 jQuery.min.js ,为什么还会提示“Uncaught Error: Bootstrap's JavaScript requires jQuery”呢?

 

答案也很简单:导致这个报错的最根本的原因是 bootstrap 加载的顺序有问题,必须先引用 jquery.min.js 文件,然后再引用 bootstrap.min.js 。

正确方法如下图:

Uncaught Error: Bootstrap's JavaScript requires jQuery

 

总结:

其实我们在程序开发当中,会遇到各种各样的问题,一定要具备解决问题的能力,我个人觉得这个很重要。有很多问题其实就是一层窗户纸,一旦捅破,都很简单,一说就懂,一看就会。

    A+
发布日期:2019年12月22日 14:37:54  所属分类:Bootstrap
最后更新时间:2019-12-22 14:39:19
评分: (2 票;平均数3.00 ;最高评分 5 ;用户总数2;总得分 6;百分比60.00)
付杰
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
花牛苹果 甘肃天水 李宏恩家自种 1斤 包邮
  • ¥ 6.8元
  • 市场价:8.8元
Microsoft 全家桶 “激活码/产品密钥”永久
Microsoft 全家桶 “激活码/产品密钥”永久
  • ¥ 29.99元
  • 市场价:888元
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
PHP运行环境 wamp lamp lnmp 安装 配置 搭建
  • ¥ 99.9元
  • 市场价:299元
wp dz 帝国 dede phpcms等快速建站服务
wp dz 帝国 dede phpcms等快速建站服务
  • ¥ 999元
  • 市场价:4999元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: