做一个项目的时候 ，控制台总是会出现各种bug,其实不用慌张，终结起来也就几种类型的错误，在开发中每次遇到错误都善于总结，下次在看到就会胸有成竹知道是什么情况了，以下是在开发过程中总结的一些错误以及错误的解决方法。

报错一：Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: $ is not defined

Uncaught ReferenceError: jQuery is not defined
图片.png

错误原因：文件加载的顺序不对，jQuery文件的顺序要在前面

图片.png

方法：把jQuery文件写在所有script文件前面

图片.png

报错二：jsp页面相对路径和绝对路径的问题：

正常路径：html里面的../../，改成jsp页面就找不到路径了，这个时候成了这个鬼样子

图片.png

这时候，只需要在文件里面加入这段代码：

图片.png

解决办法：在<html>和<head>之间插入以下代码

<%

    String path = request.getRequestURI();

    String basePath = request.getScheme() + "://"

            + request.getServerName() + ":" + request.getServerPort()

            + path;

%>

<base href="<%=basePath%>">

报错三：Uncaught TypeError: $(...).tooltip is not a function

Uncaught TypeError: $(...).tooltip is not a function

    at HTMLDocument.<anonymous> (app.js:42)

    at l (jquery.min.js:4)

    at Object.fireWith [as resolveWith] (jquery.min.js:4)

    at Function.ready (jquery.min.js:4)

    at HTMLDocument.S (jquery.min.js:4)
图片.png

原因：包括两个不同版本的jQuery UI。这可能会导致冲突。尝试删除

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

解决办法：
编辑：

<script>

jQuery( document ).ready(function( $ ) {

   $('.hasTooltip').tooltip();

});

</script>

像这样使用它，解决了我的问题！

报错四：Uncaught TypeError: $(...).sortable is not a function

Uncaught TypeError: $(...).sortable is not a function

    at HTMLDocument.<anonymous> (dashboard.js:12)

    at l (VM552 jquery.min.js:4)

    at Object.fireWith [as resolveWith] (VM552 jquery.min.js:4)

    at Function.ready (VM552 jquery.min.js:4)

    at HTMLDocument.S (VM552 jquery.min.js:4)

报错五：bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery

bootstrap.min.js:7 Uncaught Error: Bootstrap requires jQuery

    at bootstrap.min.js:7
图片.png

解决方案：解决方案：将jquery.min.js放在bootstrap.min.js文件之前引用，bootstrap.min.css文件在整两个文件前后引用都无妨（测试多次）。

原文作者：祈澈姑娘
原文链接：https://www.jianshu.com/u/05f416aefbe1
创作不易，转载请告知

90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所所思所见，欢迎大家一起探讨交流。
有个很难涨粉的的公众号叫：【编程微刊】

bootsrap+jquery+组件项目引入文件的常见报错的更多相关文章

  1. java常见报错及解决

    Java常见报错信息: Java 常见异常种类 Java Exception: 1.Error  2.Runtime Exception 运行时异常 3.Exception  4.throw 用户自定 ...

  2. 03：git常见报错解决方法

    1.1 git常见报错解决方法 1.warning: LF will be replaced by CRLF in .idea/workspace.xml. 参考博客:https://www.cnbl ...

  3. web报表工具FineReport使用中遇到的常见报错及解决办法（二）

    web报表工具FineReport使用中遇到的常见报错及解决办法(二) 这里写点抛砖引玉,希望大家能把自己整理的问题及解决方法晾出来,Mark一下,利人利己. 出现问题先搜一下文档上有没有,再看看度娘 ...

  4. HDFS集群常见报错汇总

    HDFS集群常见报错汇总 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.DataXceiver error processing WRITE_BLOCK operation 报 ...

  5. Django 连接 MySQL 数据库及常见报错解决

    目录 Django 连接 MySQL数据库及常见报错解决 终端或者数据库管理工具连接 MySQL ,并新建项目所需数据库 安装访问 MySQL 的 Python 模块 Django 相关配置 可能会遇 ...

  6. C语言开发中常见报错的解决方案

    C语言开发中常见报错的解决方案 整理来源于网络,侵权请通知删除.*禁止转载 ---- fatal error C1003: error count exceeds number; stopping c ...

  7. 内置Jetty配置JSP支持过程中的常见报错

    目录 1. 常见报错及解决 1.1 JSP support not configured 1.2 JSTL标签解析 1.3 JSP编译 1.4 JSP实现依赖 1.5 EL表达式支持 2. 小结 1. ...

  8. rsync 守护进程模式搭建 与常见报错

    守护进程模式搭建 1.环境准备 2.安装rsync(做备份的服务器都安装) [root@backup ~]# yum install -y rsync 3.服务端配置 [root@backup ~]# ...

  9. JavaScript 调试常见报错以及原因

    JavaScript 调试常见报错以及原因 测试环境 chrome 版本 66.0.3359.170(正式版本) (64 位) TypeError 类型错误 不是操作符所接受的数据类型. //---- ...

随机推荐

  1. select下拉列表选中后，跳转新链接

    1.在当前页面打开新链接 <select onchange="location.href=this.options[this.selectedIndex].value" na ...

  2. C#调用第三方ocx控件 (winform /aspx)

    C#调用第三方ocx控件   1..net环境在工具箱上点右键,选择自定义工具箱,然后选择你需要的COM或者OCX控件就可以了. 2.在自定义工具箱中加入相应的控件,设置id,在客户端脚本中直接引用它 ...

  3. 【习题 6-5 UVA-1600】Patrol Robot

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 设dis[x][y][z]表示到(x,y)连续走了z个墙的最短路 bfs一下就ok [代码] /* 1.Shoud it use l ...

  4. 修改IIS7并发连接数目限制

    转自原文 修改IIS7并发连接数目限制 1. 调整IIS 7应用程序池队列长度 由原来的默认1000改为65535. IIS Manager > ApplicationPools > Ad ...

  5. 动态规划 —— 求解通配符问题（wildcard）

    he?p help, heap, √ hellp, × *p*(必须包含 p,左右随意) help, papa, √ hello × *bb*(必须包含连续的两个 bb,左右随意) babbc √ 1 ...

  6. Android java.lang.IllegalArgumentException: Object returned from onCreateLoader must not be a non-static inn

    AsyncTaskLoader: http://developer.Android.com/intl/zh-CN/reference/android/content/AsyncTaskLoader.h ...

  7. get_mysql_conn_info.py

    #!/usr/bin/env python#-*- encoding: utf8 -*- import xlrd """此模块作用:从excel文件获取数据库连接信息,第 ...

  8. ZOJ 1136 Longest Ordered Subsequence DP

    传送门:http://acm.zju.edu.cn/onlinejudge/showProblem.do?problemId=1136 题目大意:给定一串序列,求最长的升序列长度,如1, 7, 3, ...

  9. 可直接复制粘贴的boostrap图标库网址

    1:http://fontawesome.dashgame.com/ 2:http://www.kuiyu.net/art-34.html 3:http://www.bootcss.com/p/fon ...

  10. Java随机验证吗

    <span style="font-size:18px;">package com.java.process.jsp; import java.awt.Color; i ...